1:下载 npm i vuex
2:导入
src/store/index.js
import Vuex from 'vuex'
3:注册
import Vue from 'vue'
Vue.use(Vuex)
4:实例化
const store =new Vuex.Store({
state:{
// 共享的数制
},
mutations:{
},
actions:{
},
getters:{
}
})
5:暴露出去 export default store
6:挂载
main.js
import store from '@/store'
new Vue({
store
})
vuex的state,mutations,getters
定义:state:{
xxx:'张三'
}
使用:this.$store.state.xxx
mapState使用
1:导入 import {mapState} from 'vuex'
2:定义:
computed:{
...mapSta