vue2和vue3的基础用法对比第三篇

/* 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

{
　　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个模块封装写在这里面
}