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
  }