第一步
建立store文件,在main.js 引入
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app');
第二步
在store建立index.js和mutations.js
index.js
import Vue from 'vue';
import Vuex from 'vuex';
import mutations from './mutations'
Vue.use(Vuex);
const state = {
loginName:'',
}
const store = new Vuex.Store({
state,
mutations,
});
export default store;
mutations.js
export default {
loginName: (state, loginName) => {
state.loginName= loginName
},
}
用法: 登录成功之后直接存值
this.$store.commit('loginName', res.data.username)
vuex状态管理存值,页面刷新后数据消失原因
(1)js代码是运行在