vue3：16、Pinia的基本语法

选项式APi 

组合式API 

 

src/store/counter.js

import { defineStore } from "pinia";
import { computed, ref } from "vue";

export const userCounterStore = defineStore("counter",()=>{
    //声明数据 state - count
    const count = ref(100)

    //声明操作数据的方案 action （普通函数）
    function addCount(){
        count.value++
    }
    function subCount(){
        count.value--
    }
    //声明基于数据派生的计算属性 getters
    const double = computed(() => count.value*2)

    //声明数据 state -msg
    const msg = ref('你好 pinia')

    return {
        count,
        double,
        addCount,
        subCount,
        msg
    }
})

 根组件

 子组件