You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
596 B
31 lines
596 B
5 years ago
|
# Vuex
|
||
|
|
|
||
|
|
Vuex 同样实现了自动注册，开发只需关注 `store/modules/` 文件夹里的文件即可，同样也按照模块区分文件。
|
||
|
|
|
||
|
|
新建模版：
|
||
|
|
|
||
|
|
```js
|
||
|
|
// example.js
|
||
|
|
const state = {}
|
||
|
|
const getters = {}
|
||
|
|
const actions = {}
|
||
|
|
const mutations = {}
|
||
|
|
export default {
|
||
|
|
namespaced: true,
|
||
|
|
state,
|
||
|
|
actions,
|
||
|
|
getters,
|
||
|
|
mutations
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
文件默认开启命名空间，文件名会默认注册为模块名。
|
||
|
|
|
||
|
|
使用方法：
|
||
|
|
|
||
|
|
```js
|
||
|
|
this.$store.state.example.xxx;
|
||
|
|
this.$store.getters['example/xxx'];
|
||
|
|
this.$store.dispatch('example/xxx');
|
||
|
|
this.$store.commit('example/xxx');
|
||
|
|
```
|