關於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個模組封裝寫在這裡面
}