Агуулгын хүснэгт:

VUEX-ийг Vue-д хэрхэн нэмэх вэ?
VUEX-ийг Vue-д хэрхэн нэмэх вэ?

Видео: VUEX-ийг Vue-д хэрхэн нэмэх вэ?

Видео: VUEX-ийг Vue-д хэрхэн нэмэх вэ?
Видео: Медведь против Льва, Тигра, Волков, Пумы, Моржа, Коровы и Свиньи. Медведь в ДЕЛЕ! 2024, Арваннэгдүгээр
Anonim

Агуулга

  1. Vue суулгана уу .
  2. Үүсгэх Vue CLI ашиглан програм.
  3. Vuex суулгана уу апп руу.
  4. Нэмэх Тоолуурын бүрэлдэхүүн хэсэг.
  5. Холбоос Vuex Апп руу.
  6. Төрийг бий болго.
  7. Мутаци үүсгэх.
  8. Үйлдэл үүсгэх.

Үүнтэй адил хүмүүс VUEX-ийг хэрхэн ашиглах вэ гэж асуудаг.

Тиймээс төслийг ойлгосны дараа хэрэв тодорхой мужийг олон бүрэлдэхүүн хэсэг хэрэглэж байгаа бол Vuex-г ашиглах хэрэгтэй

  1. Алхам 1: VueJS програмыг тохируулна уу.
  2. Алхам 2: Индекс үүсгэх.
  3. Алхам 3: Vuex дэлгүүр үүсгэ.
  4. Алхам 4: Тоолуур нэмэх, устгах гэсэн хоёр бүрэлдэхүүн хэсгийг хий.
  5. Алхам 5: Мутаци ба үйлдлүүд үүсгэх.

Дээрхээс гадна би VUEX ашиглах ёстой юу? Ер нь төрийн удирдлагын номын санд дуртай VueX болон Redux ёстой шаардлагатай үед л хэрэглэнэ. Энэ нь та үүнгүйгээр эхлэх бөгөөд таны апп үнэхээр хэрэгтэй болмогц та үүнийг нэгтгэхийн тулд бага зэрэг засварлана гэсэн үг юм. VueX in.

Үүний нэгэн адил та VUE болон VUEX хоёрын ялгаа юу вэ?

байхад Vue жишээ нь өгөгдлийн шинж чанартай байдаг Vuex дэлгүүр мужтай. Аль аль нь реактив. Мөн инстанц нь тооцоолох шинж чанартай байхад Vuex дэлгүүрт шүүсэн, үүсмэл эсвэл тооцоолсон төлөвт хандах боломжийг олгодог Getters-тэй. The ялгаа -тай Vuex дэлгүүр нь Мутацитай байдаг.

VUEX дэлгүүр гэж юу вэ?

Бүх зүйлийн төвд Vuex програм нь дэлгүүр . А " дэлгүүр " нь үндсэндээ таны програмын төлөвийг хадгалдаг контейнер юм. Vuex дэлгүүрүүд реактив байдаг. Vue бүрэлдэхүүн хэсгүүд түүнээс төлөвийг олж авах үед тэд идэвхтэй бөгөөд үр дүнтэй шинэчлэгдэх болно дэлгүүрийн төрийн өөрчлөлт. Та шууд мутаци хийх боломжгүй дэлгүүрийн муж.

Зөвлөмж болгож буй: