State Management with Pinia

ရိုးရိုးလေး ရှင်းပြမယ်

Local component state ကို အလွယ်တကူမရွှေ့ပါနှင့်။ User session, cart သို့မဟုတ် app-wide filters ကဲ့သို့ component များစွာမျှဝေသည့် state အတွက် Pinia သုံးပါ။ State ကို function ဖြင့်ကြေညာပြီး derived state ကို getters, changes ကို actions အဖြစ်ရေးပါ။

import { defineStore } from 'pinia'

export const useCartStore = defineStore('cart', {
  state: () => ({ items: [] }),
  getters: {
    totalItems: (state) => state.items.length
  },
  actions: {
    add(product) {
      this.items.push(product)
    }
  }
})

cart.totalItems = 0

Pinia State — Pinia