ভিইউই 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>