vue3 pinia 存数据

pinia是vue2中的vuex,状态管理，可以实现数据共享

1、先安装

npm install pinia

 2、在main.ts中进行创建和载入

3、在src下新建store文件夹

定义存的文件

 

 4、在组件中使用

 此时控制台会有具体的值。

 5、修改数据的三种方式

①直接修改

countStore.sum += n.value;

②使用patch方法进行修改某些属性（适用于很多数据要一次性发生变化）

countStore.$patch({
    sum:sum.value++,
    school:'xx',
    address:'beijin'
})

③使用action来进行修改sum数据

  首先要定义actions中的方法，在这个increment的方法中修改了sum的值

 然后在组件中调用