首页 > 其他 > 详细

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

时间:2020-12-03 21:53:42      阅读:49      评论:0      收藏:0      [点我收藏+]

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本来就相当

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!