在使用Vuex插件进行状态管理的步骤

1、首先进行Vuex的安装:

cnpm install vuex --save(运行时依赖)

2、之后在src文件夹下创建store文件夹,再在store下创建index.js

3、首先在index.js里导入vue和vuex,因为需要用到;

  之后第一步操作即是安装插件:Vue.use(Vuex);

  第二步创建对象:const store = new Vuex.Store({ })

  第三步导出store对象:export default store

4、在main.js里导入store对象:import store from ‘./store’,并在vue实例里挂载store和挂载路由router是一样的

5、假设创建的组件HelloVuex.vue和原本就有的App.vue没有父子关系,如果有父子关系就可以用之前学的props来进行组件之间的父子通信了

  但是他们俩需要一个共同的状态信息来进行显示,那么就可以使用Vuex插件的功能$store.state.counter来进行显示,因为Vuex本来就相当

  于一个管家,存放组件之间相同的状态信息,组件如果需要就来取就可以了

原文地址:https://www.cnblogs.com/zqlym/p/14082102.html