pinia初次使用

106 阅读1分钟

之前使用vuex,这次项目中写的是pinia初次接触,记录一下笔记

首先在pinia/index下引入一下defineStore这个函数,然后

image.png

然后定义一个store,需要一个唯一的id image.png

使用store的时候,先引入store,然后定义定义一个变量,接收一下值

image.png

image.png

如果想要修改pinia中的值,可以通过$patch来实现,此时输出的值,就是改变之后的值了

image.png

pinia中的action可以编写改变state中值的方法

image.png

然后在组件中调用一下此方法,值也会相应得到修改

image.png