详谈vuex

  vuex是什么呢?

它是一个适用于vue的状态管理库,为应用中所有的组件提供集中式的状态并存和操作,保证了所有状态以可预测的方式进行修改。

vuex中有5个版块,分别是 state actions mutations getters  modules

state

  state 定义了应用状态的数据结构,同样可以在这里设置默认的初始状态。

actions

  actions  即是定义提交触发更改信息的描述,常见的例子有从服务端获取数据,在数据获取完成后会调用store.commit()来调用更改store中的状态。可以在组件中使用dispatch来发出actions。

mutations

  调用mutations是唯一允许更新应用状态的地方

getters

getters允许组件从store中获取数据,譬如我们可以从store中的projectList中筛选出已完成的项目列表

modules

  modules对象允许将单一的store拆分为多个store的同时保存在单一的状态树中。随着应用复杂度的增加,这种拆分能够更好的组织代码。

vuex缺点

  vuex中保存的数据是和网页的生命周期同步的,当执行页面刷新的时候vuex中所有数据都会消失复位到初始状态,所以不太适合做有分享页面的数据交互(在这种项目中vuex只适合数据的集中管理,不适合数据的存储,这种情况一般是使用路由传参会好一些)适合后台管理系统多一些,后台管理系统一般都是公司内部使用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 12,439评论 4 111
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,985评论 0 7
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 10,099评论 7 61
  • 上一章总结了 Vuex 的框架原理,这一章我们将从 Vuex 的入口文件开始,分步骤阅读和解析源码。由于 Vuex...
    你的肖同学阅读 5,754评论 3 16
  • 姓名:岳沁 学号:17101223458 转载自:http://blog.csdn.net/h5_queensty...
    丘之心阅读 6,399评论 0 1