Pinia

State management
state | getter | action

Basic Create and Usage

1. import { defineStore } from 'pinia'
   
   export const useAbcStore = defineStore('abc', {
     state: () => ({ count: 0 }),
     getters: {
       double: (state) => state.count * 2,
     },
     actions: {
       increment() {
         this.count++
       },
     },
   })

2. import { defineStore } from 'pinia'
   import { ref,computed } from 'vue'
   
   export const useAbcStore = defineStore('abc', {
   	const count = ref(0);
   	const double = computed(() => {
   		return count*2
   	});
   	function increment() {
   		count.value ++
   	};
   	return {
   		count,double,increment
   	}
   })

   Usage

   <script setup>
   import { useAbcStore } from '@/stores/abc'
   
   const count = useAbcStore()
   </script>

state seems to data

getter seems to computed

action seems to methods