vuex 的使用

在vue中使用vuex

1.安装vuex.

npm install vuex --save

2.main.js 文件中 使用

import store from './store' ,new Vue({store,})

3.新建store文件夹,(actios.js , getters.js , index.js , mutations.js)

4.在index.js中初始化, 定义state对象和对象内的属性值(此时state对象和date差不多),最后

export default new Vuex.Store({
	state,
	getters,
	mutations,
	actions
})

5.在使用的组件中导入

import { mapState, mapActions } from 'vuex'

6.在computed中监听 , 使用的属性

...mapState(['sceneShow', "activeIndex"])

7.在methods中 , 导入函数

...mapActions(['initActiveIndex'])

8.可以用了,应该!