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
}