zoukankan      html  css  js  c++  java
  • vuex1

    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里面

  • 相关阅读:
    使用JSON.NET实现对象属性的格式化的自定义
    AspNetCore项目-Service注入或覆盖
    发布Nuget
    收藏
    工具
    快捷键大全
    SqlServer分页查询语句
    面试相关
    Eratosthes algrithm 求素数
    code training
  • 原文地址:https://www.cnblogs.com/yudabing/p/7220058.html
Copyright © 2011-2022 走看看