Vue.js总结(二)

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);
        }
    },