vuex学习实训

173 阅读1分钟

1.首先要安装vuex的包: npm install vuex

2.建立一个store.js文件,然后导入vuex的包;这里面注意store.js文件要在main.js里面引用哈!!!

import Vue from "vue";
import Vuex from 'vuex'
Vue.use(Vuex)
  1. 创建store对象

image.png 4.将store中的对象挂载到vue实例中。

image.png 因为state是全局的原因,所以this.store.state.count=store.state.count=store.state.count count 是全局数据。 同样的道理,我们也可以在Subtractionz中引用,这样Addition和Subtractionz都可引用count变量。效果如图所示:

image.png