管理大师__Vuex

  1. state:vuex的基本数据,用来存储变量
  2. geeter:从基本数据(state)派生的数据,相当于state的计算属性
  3. mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)
  4. action:提交的是mutation, 而不是直接更新数据, action可以包含异步操作
  5. modules: 模块化vuex , 可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。


  • 创建一个在store文件里的 创建一个 modules文件夹,  和一个 index.js
  • 在modules里创建一个 userlist.js文件
  • 在index.js里引入
    image


  • 在userlist里配置如下:
    image
  • 在vue组件使用:
    image
posted @ 2020-08-23 12:05  飞鸟和蝉-  阅读(154)  评论(0编辑  收藏  举报