store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
msg:"Hello Vuex!",
name:"cxj",
age:18,
hobby:"美女"
},
getters: {
tenYearsOld(state){
return state.age + 10;
},
},
mutations: {
changeMsg(state,payload){
console.log("changeMsg mutations");
state.msg = payload;
}
},
actions: {
},
modules: {
}
})
App.vue
<template>
<div id="app">
{
{msg}}
<hr>
<button @click="handleClick">点我改变msg</button>
<br>
<button @click="mchangeMsg('Hello Vue! mapMutations')">点我改变msg-mapMutations</button>
</div>
</template>
<script>
import {mapState,ma