关于搭建Vuex的环境

一、先通过官方图了解Vuex的原理

 

二、具体步骤

1、安装Vuex      cnpm i vuex

2、引入VueX    import Vue from 'vuex'

3、再使用  Vue.use(Vuex)

4、创建store文件及其的index.js;js中先定义出action、mutations、state各等于一个对象。

先引用Vue与Vuex，定义且暴露store等于new vuex.store(对象中的三个对应上面的三个)，

最后man.js引入store。

5、再查看App的实例对象中$store的值，能找到commit dispatch等的值。

三、验证

1、如果没有引入与使用Vuex，即使在VM中定义store的值，但是在VM的实例对象中怎么都找不到$store的值；反之，使用之后，实例中就能找到$store的值，同时App的实例对象中也能找到$store的值。