4. vue-cli 用vuex

1. npm i --save vuex

2. 在src里新建store.js文件

    import Vue from 'vue'

    import Vuex from 'vuex'

    Vue.use(Vuex)

    const store = new Vuex.Store({

    state: {

    age: '18' //存储了一个公共状态age

    },

    mutations : {

    showAge(state, msg){ //调用这个方法时,页面传过来的参数在msg的位置

    state.age= msg;

    }

    }

    })

    export default store

 

3. 在main.js引入:import store from './store'

4. 在main.js挂载:new vue里加store

5. 在页面储存:this.$store.commit( 'showAge', this.msg );

6. 在页面取出:this.$store.state.age;//取出