Vuex的使用方法及调用(详解) | 您所在的位置:网站首页 › vuex调用getters › Vuex的使用方法及调用(详解) |
vuex的使用及方法的调用(详解)
1.首先要知道vue中store的index.js的方法:
(1)state :用来存储数据 (2)mutations:用来调用state中的数据 ( 3 )actions:异步的步操作操作mutations中传递过来的数据 (4)modules:在state中数据过多时使用,类似于父组件和子组件之间的关系,只不过是需要在 index.js中用import引入调用的定义js文件罢了(如:cart.js) 2.实例的演示 //index.js import Vue from 'vue' import Vuex from 'vuex' import cart from 'cart' Vue.use(Vuex) export default new Vuex.Store({ state: { fenlei:[],//商品分类 list:[] }, mutations: { fenleiCart(state,items){ state.fenlei = items } |
CopyRight 2018-2019 实验室设备网 版权所有 |