জয়েন লগইন

ভিইউই defineStore

🌈ভিইউই defineStore কি?

📋ভিইউই defineStore হলো কেন্দ্রীয় স্টোর সংজ্ঞায়িত করার পদ্ধতি।

⚒️ভিইউই defineStore কেন্দ্রীয় স্টোর সংজ্ঞায়িত করতে ব্যবহৃত হয়।

ভিইউই defineStore কেন্দ্রীয় স্টোর সংজ্ঞায়িত করার উদাহরণ।

vue
<!DOCTYPE html>
<html>
<body>

<div id="app">
  <p>কাউন্ট: {{counter.count}}</p>
  <button @click="counter.count++">বৃদ্ধি</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/pinia@3/dist/pinia.iife.js"></script>
<script>
const {createApp} = Vue;
const {createPinia, defineStore} = Pinia;
const useCounterStore = defineStore("counter", {
  state: () => ({
    count: 0
  })
});
const app = createApp({
  setup() {
    const counter = useCounterStore();
    return {counter};
  }
});
app.use(createPinia());
app.mount("#app");
</script>
</body>
</html>