VueX

{{name}}

我们引入 Vuex ，用它来管理状态数据，例如这里面的 name。首先在 src 中新建一个 store.js 文件，并写下如下熟悉的代码：
import Vue from ‘vue’;
import Vuex from ‘vuex’;

Vue.use(Vuex);

export default new Vuex.Store({
state: {
name: ‘Lucy’,
},
mutations: {
setName(state, newName) {
state.name = newName;
}
},
actions: {
modifyName({commit}, newName) {
commit(‘setName’, newName);
}
}
});
引入代码然后，在 main.js 中导入 store，并全局注入:
import store from ‘./store’;
// …
new Vue({
store,
render: h => h(App),
}).$mount(’#app’)
最后修改组件内vue 中的代码如下：