vuex入门教程和思考 [转] 里面有几个实例

Vuex基础概念

vuex中涉及的概念主要有下面几点，下面做个简单的介绍和理解。

Vuex 官方文档：https://vuex.vuejs.org/zh-cn/

官网有介绍，也有个demo

shopping-cart    https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart

可down下来看看。

---------------

• Counter
• Counter with Hot Reload
• TodoMVC
• Flux Chat
• Shopping Cart

-----------------------------

还有一个

Vue2.0 探索之路——vuex入门教程和思考

写的也不错，

项目Github

写了一个小demo方便实践。对vuex不了解的朋友可以看看。纯小白写法，都能看得懂。如果觉得有所帮助可以点个star，感激不尽了~~

Demo 地址：https://github.com/XuXiaoGH/v...

Demo 预览：http://chanming.cc/dist/vuex/...

----------------

再加一个

使用 Vuex + Vue.js 构建单页应用

写的也不错，

项目源码：vuex-notes-app；有需要的同学可以直接下载源码查看。

主要知识点

• Vuex 状态管理机制的使用

• Vue.js 的基础 api

• Vue-cli 脚手架的安装及使用

• vur-router 的使用

• ES6 的语法，这里推荐看下阮一峰的入门教程

里面一个说明：

注意事项

• 数据流都是单向的

• 组件能够调用 action

• action 用来派发 Mutation

• 只有 mutation 可以改变状态

• store 是响应式的，无论 state 什么时候更新，组件都将同步更新

--------------------------------

(tips: 前2个都是 vue2的，demo也都能正常打开，  第3个代码比较老，中文的这个demo没打开，我直接看的他原文的英文demo)

--------------------------------

这几个例子够消化一阵子，稍后理理思路，

弄明白 store   computed  methods   store.dispatch  commit actions mutations 这些之间的关联

可以修改下业务练练手...  稍后继续...

【一个小目标，先用vue2的方式  改写下第3个例子，练练手，搞定了会共享下】