Vuex ایپلیکیشنز کے لیے ایک state منیجمنٹ لائبریری ہے، جو آپ کو اپنی ایپلی کیشن میں Vue.js مختلف s میں ڈیٹا کو منظم اور ہم آہنگ کرنے کی اجازت دیتی ہے ۔ Flux فن تعمیر کو لاگو کرتا ہے، جس سے ایپلیکیشن کا نظم کرنا آسان اور موثر ہوتا ہے ۔ component Vuex state
میں کلیدی تصورات Vuex شامل ہیں۔
1۔ State
in آپ کی درخواست state کے Vuex لیے مرکزی ڈیٹا اسٹور کی نمائندگی کرتا ہے۔ اس میں ایپلیکیشن کا ڈیٹا ہوتا ہے جسے مختلف component s کے درمیان شیئر کرنے کی ضرورت ہوتی ہے۔ state یہاں ایک کی وضاحت کرنے کی ایک مثال ہے Vuex:
2. Mutations
Mutations state میں ترمیم کرنے کے ذمہ دار ہیں Vuex ۔ وہ ہم وقت ساز افعال ہیں جو کرنٹ state اور پے لوڈ کو بطور دلیل لیتے ہیں۔ یہاں ایک اتپریورتن کی وضاحت کی ایک مثال ہے Vuex:
3. Actions
Actions غیر مطابقت پذیر کارروائیوں کو سنبھالنے اور mutations ترمیم کرنے کے لیے بھیجنے کے لیے استعمال کیا جاتا ہے state ۔ ان میں API کالز، async ٹاسک، یا پیچیدہ منطق شامل ہو سکتی ہے۔ یہاں ایک عمل کی وضاحت کرنے کی ایک مثال ہے Vuex:
4. Getters
Getters state آپ کو اسٹور سے حاصل کردہ بازیافت اور حساب کرنے کی اجازت دیتا ہے Vuex ۔ وہ ڈیٹا کو واپس کرنے سے پہلے اس تک رسائی حاصل کرنے اور اس میں ہیرا پھیری کرنے کے لیے مفید ہیں component ۔ یہاں حاصل کرنے والے کی تعریف کرنے کی ایک مثال ہے Vuex:
اپنے پروجیکٹ Vuex میں انسٹال کرنے کے لیے ، آپ ان مراحل پر عمل کر سکتے ہیں۔ Vue.js
مرحلہ 1: Vuex این پی ایم یا یارن کے ذریعے انسٹال کریں:
یا
مرحلہ 2: store.js
اپنے پروجیکٹ کی روٹ ڈائرکٹری میں ایک فائل بنائیں ۔ یہ وہ جگہ ہے جہاں ہم درخواست کا اعلان اور انتظام کریں گے state ۔
مرحلہ 3: فائل میں store.js
، درآمد کریں Vuex اور ایک نیا اسٹور آبجیکٹ بنائیں:
مرحلہ 4: فائل میں main.js
، اسٹور کو درآمد کریں اور اسے اپنی Vue ایپلیکیشن سے لنک کریں:
مرحلہ 5: اب آپ نے Vuex اپنے پروجیکٹ میں انسٹال اور سیٹ اپ کر لیا ہے۔ آپ اپنے state s، getters, mutations, اور فائل actions میں اعلان کر سکتے ہیں store.js
، اور انہیں اپنے Vue component s میں استعمال کر سکتے ہیں۔
مثال:
فائل میں store.js
، آپ state اس طرح ایک سادہ اور میوٹیشن کا اعلان کر سکتے ہیں:
Vue میں component ، آپ اور state فنکشنز کا استعمال کرکے اور میوٹیشن کو استعمال کرسکتے ہیں : mapState
mapMutations
ان اقدامات کے ساتھ، آپ نے کامیابی سے انسٹال کر لیا ہے Vuex اور اسے state اپنی Vue.js ایپلیکیشن کے انتظام کے لیے استعمال کر سکتے ہیں۔
کے ساتھ Vuex ، آپ آسانی سے اور مستقل طور پر ایپلیکیشن کا نظم کر سکتے ہیں state ۔ یہ کوڈ کی برقراری اور دوبارہ پریوستیت کو بڑھاتا ہے، جبکہ ڈیٹا مینجمنٹ کے لیے ایک منظم انداز فراہم کرتا ہے۔