码迷,mamicode.com
首页 > 其他好文 > 详细

vuex1

时间:2017-07-22 00:10:37      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:javascrip   集中式   eth   预测   程序   ++   --   stat   div   

Vuex 是什么?

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

		<div id="app">
		  <p>{{ count }}</p>
		  <p>
		    <button @click="increment">+</button>
		    <button @click="decrement">-</button>
		  </p>
		</div>
		<script src="vue/vue.js"></script>
		<script src="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

标签:javascrip   集中式   eth   预测   程序   ++   --   stat   div   

原文地址:http://www.cnblogs.com/yudabing/p/7220058.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!