猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vuex 改变状态mutations的使用

2017-08-21 22:46:26 作者:yxl 次阅读 vue

改变vuex state 里面的状态的方法
首先得引入vuex
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
 
const state = {
count:1
}
//如果要改变state的值的话,需要添加这个mutations
const mutations = {
add(state){
state.count++
},
reduce(state){
state.count--
}
 
}
 
export default new Vuex.Store({
state,
mutations
})


1、在模板中  @click="$store.commit('reduce')"   
2、可以简化1的方式  引入mapMutations
<script>
import store from "@/vuex/store";
import { mapState,mapMutations } from 'vuex';
export default{
data(){
return {
msg:'初次使用vuex'
}
},
computed:mapState(['count']),
methods:mapMutations(['add']),
store
}
</script>

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论