vuex的流程(安装就不说了)
第一步
建立store文件,在main.js 引入
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
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 = {
demo:'',//案例
}
const store = new Vuex.Store({
state,
mutations,
});
export default store;
mutations.js
export default {
demo: (state, demo) => {
state.demo = demo
},
}
用法
methods:{
logns(){//登录弹框
this.dialogFormVisible=true;