vueX的简单使用

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    pageName:‘签到须知‘
  },
  getters:{
    pageName(state){
      return state.pageName;
    }
  },
  mutations: {
    setPageName(state,val){
      state.pageName=val;
    }
  },
  actions: {

  }
});

<script>
import {mapGetters,mapActions} from ‘vuex‘;
 
export default {
    data(){
        return{
            text:"头部",
        }
    },
    computed:{
        ...mapGetters([
            ‘pageName‘//获取到state数据。
        ])
    },
    mounted(){
        this.$store.commit("setPageName","呵呵");
        console.log(this.$store.getters.pageName);
    },
    methods:{
       aa(){
           this.$store.commit("setPageName","嗯嗯嗯");
       } 
    }
}
</script>