pinia简单入门小教程
一.安装
1.直接在安装脚手架时导入
2.控制台终端输入npm i pinia
二.在main.js中导入并注册
三.定义模块
新建文件 src/store/counter.js
,名字随意
四.使用模块
在vue3中,getters直接无了,取而代之的就是computed
你是否觉得xxxStore.
写起来很麻烦?
可以使用storeToRefs
这个api来解构xxxStore
中的数据,同时保证数据还是响应式的
注意,这个api无法解构方法!
当你遇到异步数据或者其他情况无法用wacth获取到pinia中数据变动
时,可以使用store.$subscribe
监听store的变化,注意,这里的store换成你的状态仓库名,即