码迷,mamicode.com
首页 > 其他好文 > 详细

vuex简单整理

时间:2019-06-27 16:29:21      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:add   pac   操作   就是   如何   参数   method   ice   price   

  • index.js:入口文件
  • state.js:存储状态。也就是变量。
  • getters.js:派生状态。也可以理解为set、get中的get。有两个可选参数,state、getters分别可以获取state中的变量和其它getters。和vue中的computed类似。
  • mutations.js:提交状态修改。可以理解为set、get中的set。每一个mutation都有一个字符串的事件类型和回调函数。第一个参数默认为state。vuex中唯一修改state的方式,不支持异步操作。和vue中的methods类似。
  • mutation-types.js:存储于mutations相关的字符串常量,方便检测和管理。
  • actions.js:和mutations类似。支持异步操作,也可以是对mutations的封装。

Mutation: ADD_DB(state) { state.cartList.forEach(function(item) { item.num = 0; }); }, action sortNumStatus: ({ commit }) => { commit(types.ADD_DB); }, 通過action中的commit(xxx)方法觸發mutation中的xxx(state) {state.xxx = xxx} 來更改state中的數據 如何觸發action呢 ...mapActions([ ‘sortNumStatus‘ ]), 或者直接 methods:{ this.$store.dispath(‘sortNumStatus‘,arr); } getters可以全局操作更改state中數據 getters: module.exports = { getInfos(state) { state.cartInfos.total_price = 0; state.cartInfos.total_nums = 0; return state.cartInfos; }, getCartList(state) { return state.cartList; } }; 調用getters中的全局的方法 computed:{ ...mapGetters([ ‘xxxxx‘ ]) }

  

vuex简单整理

标签:add   pac   操作   就是   如何   参数   method   ice   price   

原文地址:https://www.cnblogs.com/objectjj/p/11097114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!