vue2使用pinia.js的详细教程，踩坑解决方法

后续：

不好用，建议别用，刷新页面数据就没有了，而且也不能在监听刷新时用localStorage保存下来，因为监听到时数据是没有的。如果有解决方法请告诉我。

正文：

pinia成为正式的vue状态库，pinia就是vuex5
同时支持 Composition Api 和 Options api 的语法
去掉 mutations ，只有 state 、getters 和 actions
不支持嵌套的模块，通过组合 store 来代替
更完善的 Typescript 支持
清晰、显式的代码拆分（这一段是抄别人的hhhh）

① 安装

npm install pinia  --save

Vue2 需要额外安装

cnpm i pinia @vue/composition-api --save

②main.js引入

import {
    createPinia, PiniaVuePlugin } from 'pinia'  //导入pinia
const pinia = createPinia();        //调用创建pinia
Vue.use(PiniaVuePlugin)

new Vue({
   
  el: '#app',
  pinia,
  components: {
    App },
  template: '<App/>'
}).$mount('#app')

③新建