vuex 开始

标签：需要   .com   部分   存储   了解   全局对象   ejs   组件   incr   

每一个vuex的应用的核心都是store(仓库)，store基本上就是一个容器，它包含着你的应用中大部分的状态（state）,vuex和单纯的全局对象有以下两点不同：

1，vuex的状态存储是响应式的。当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应的得到高效更新。

2，你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式的提交（commit）mutations.这样使得我们可以方便的跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好的了解我们的应用。

最简单的 Store

安装 Vuex 之后，让我们来创建一个 store。创建过程直截了当——仅需要提供一个初始 state 对象和一些 mutations：

const store = new Vuex.Store({

state:{

count:0

},

mutations:{

increment(state){

state.count++

}

}

})

现在，你可以通过store.state来获取状态对象，以及通过store,commit方法触发状态变更

store.commit(‘icrement‘)

console.log(store.state.count)

再次强调，我们通过提交mutation的方式，而非直接改变store.state.count，是因为我们想要更明确地追踪到状态变化，这个简单的约定能让你的意图更加明显，这样你在阅读代码的时候能更容易的解读应用内部的状态改变，

vuex 开始

标签：需要   .com   部分   存储   了解   全局对象   ejs   组件   incr   

原文地址：http://www.cnblogs.com/susanws/p/7452225.html