1:存储状态,也就是变量
const state = {
name: 'weish',
age: 22
};
2:我们一般使用getters来获取state的状态,而不是直接使用state
export const name = (state) => {
return state.name;
}
3:export const SET_NAME = ‘SET_NAME’;
mutation-type.js中,把所有的mutations的函数名称都放在这个文件里
4:创建使用的接口,供其他模块import导入使用
export default {
state: {},
getters: {},
mutations: {},
actions: {}
};
5:实例化个Vue对象
new Vue({
el: '#app',
store,
render: h => h(App)
});
render函数是渲染一个视图,然后提供给el挂载,如果没有render那页面什么都不会出来
6:actions中放置actions方法 nameAsyn
actions: {
nameAsyn({commit}) {
setTimeout(() => {
commit('SET_AGE', 18);
}, 1000);
}
},