vuex学习笔记

Vuex 学习笔记

根目录创建 store 文件夹

安装 vuex

npm install vuex -s

store 目录下新建 index.js

const store = new Vuex.Store ({
    state:{
    	//state:保存store的变量（全局变量）
        islogin:false,
        userid:''
    },
    mutations:{
    	// 修改 state 的函数
        changeLogin (state,newVal) {
            state.islogin = newVal
        },
        setUser (state, id) {
            state.userid = id;
        }
    }
})

export default store

在Main.js中引入 store

import store from './store/index.js';
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})