[聚合文章] Vuex 2 入门与提高(Vue.js 2 教程系列)

JavaScript 2017-11-22 35 阅读
vuex 计数器 汇智网

计数器应用的数据模型很简单:使用一个counter属性来表示计数器的 当前值就够了。

Vue实例的created钩子 中,应用启动了一个定时器,用来周期性地 递增counter属性的值 —— 由于counter是响应式属性,它的变化因而 驱动了视图随之刷新。

可以说counter抽象地表达了计数器视图的本质特征,当counter的 值确定时,我们可以确定地推理出视图的表现。像counter这样可以决定 视图表现的数据,在Vuex中就被称为状态

计数器应用相当简单,因此我们只需要定义一个状态就可以了。稍微复杂 一些的应用,则可能需要我们抽象出成百上千的状态,这时候就需要分类 管理了。

例如,对于一个电商应用,我们将其购物车相关的状态归入cart类:

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。