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.可以用了,应该!

上一篇:FCC JS基础算法题(9):Mutations(比较字符串)


下一篇:vuex 的基本使用