首页 > 代码库 > vuex1
vuex1
Vuex 是什么？
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
<div id="app">
<p>{{ count }}</p>
<p>
<button @click="increment">+</button>
<button @click="decrement">-</button>
</p>
</div>
<script src="http://www.mamicode.com/vue/vue.js"></script>
<script src="http://www.mamicode.com/vue/vuex.js"></script>
<script>
const store =new Vuex.Store({
state:{
count:0
},
mutations:{
increment:state =>state.count++,
decrement:state =>state.count--
}
})
var app =new Vue({
el:‘#app‘,
computed:{
count(){
return store.state.count
}
},
methods:{
increment:function(){
store.commit(‘increment‘); // 到vuex里面做业务逻辑
},
decrement:function(){
store.commit(‘decrement‘);
}
}
})
个人理解为原来点击触发的事件统一交到vuex里面管理了。methods只提供事件函数，具体的业务逻辑到vuex里面
vuex1
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。