Pinia

https://pinia.vuejs.org/getting-started.html

1、安装

cnpm i pinia -S
cnpm i

2、vue2中main.js中配置

import Vue from 'vue'
...
import {createPinia,PiniaVuePlugin} from 'pinia'
Vue.use(PiniaVuePlugin);
const pinia = createPinia()
new Vue({
    ...
    pinia,
}).$mount("#app")

3、store/index.js

import {defineStore} from 'pinia'
export const useStore = defineStore('store',{
  state:()=>{
    return {
      count:1
    }
  },
  actions:{
    addCount(){
      this.count++
    }
  }
})

4、组件中使用

<template>
   <div>
       Home
       <button @click="addCount">{{count}}</button>
   </div>
</template>
<script>
import {mapActions, mapState} from 'pinia'
import {useStore} from '@/store'
export default {
    computed:{
        ...mapState(useStore,['count'])
    },
    methods:{
        ...mapActions(useStore,['addCount'])
    }
}
</script>