vue3如何封装vuex

Posted 2021-07-08 fengshaopu

目录：
1.下载安装vuex
2.创建store文件夹
3.导入vuex，并且设置
4.main中导入注册
5.组件中使用

1.下载安装vuex

npm install vuex@next

2.创建store文件夹

3.导入vuex，并且设置 导出

import { createStore } from 'vuex'


var store= createStore({
    state(){
     return{
          state:1
     }
    },
    mutations:{
    a(state){
    state.state++
    }
    }
})

export default store

4.main中导入注册

var app =createApp(App)
import store from './store/index.js'

//注意use要在mount之前
app.use(router).use(store).mount('#app')

5.组件中使用

   {{$store.state.state}}
    <button @click="$store.commit('a')"></button>