Vue学习之路16----pinia
1.安装配置pinia
npm i pinia
安装后可以看到底下多了pinia插件
在main.js中引入pinia
import { createPinia } from "pinia";
const pinia = createPinia()
a.use(pinia)
2.存储+读取数据
-
新建一个文件夹store，里面用来存放数据
如下方法可读取数据：
3.修改数据（三种方式）
需要解构响应式数据时，可以使用storeToRefs解构
import { storeToRefs } from "pinia";
const {num}=storeToRefs(v1Store)
4.制作方法hooks
可以使用getters创建方法
5.监听数据
v1Store.$subscribe(()=>{
console.log('数据变化了');
})
6.组合式写法
这是刚才代码的组合式写法：
let num = ref(2)
function minus() {
num.value -= 1
}
return {
num, minus
}