1 怎么使用vuex
安装等等 然后下载vuex模板 store文件 里面包含 state.js action.js mutation.js getter.js index.js
在main.js中引入index.js
import store from './store/index.js'/*
new Vue({ el: '#app', router, store, components: { App }, template: ''
})
然后页面上 引入 import {mapGetters, mapActions} from 'vuex'
需要修改什么数据,在methods中通过mapActions提交对应的事件
![](https://img.haomeiwen.com/i12905187/4e760a2fbedc57e4.png)
![](https://img.haomeiwen.com/i12905187/1e8bd207f9884d9b.png)
在action里面进行修改
![](https://img.haomeiwen.com/i12905187/554c6c7279dddba4.png)
action 通过commit提交到mutation
![](https://img.haomeiwen.com/i12905187/88e4662dabd058ba.png)
state.js中定义对应数据并初始化
![](https://img.haomeiwen.com/i12905187/18c6e8a379ce7868.png)
getter.js中抛出对应的数据
![](https://img.haomeiwen.com/i12905187/92e75afbe8234251.png)
页面上如何使用?
![](https://img.haomeiwen.com/i12905187/eba5edf44c8d9ad8.png)
网友评论