关于vuex的使用对比
/* vue2.0 */
import Vue from ‘vue‘
import Vuex from ‘vuex‘
Vue.use(Vuex)
let store = new Vuex.Store(省略)
export default store
/* vue3.0 */
import { createStore } from ‘vuex‘
const store = createStore(省略)
export default store
vue2.0和vue3.0只是引用vuex的方式改变了，使用是一样的没有改变(即忽略部分是一样的)
以下为省略部分
{
state:{count:1},//数据
getters:{
increment (state) { return state.count}
},//可以认为是 store 的计算属性computed，调用方式：this.$store.getters.increment
mutations:{
//state 作为第一个参数
increment (state,{data}) { state.count=data // 变更状态 }
},//同步请求,调用方式：this.$store.commit("increment",{data:1})
actions:{
increment(data){console.log(data)}
},//异步请求,调用方式：this.$store.dispatch("increment",{data:1})
modules:{} //模块化,将前4个模块封装写在这里面
}