vuex入门教程和思考 [转] 里面有几个实例
Vuex基础概念
vuex中涉及的概念主要有下面几点,下面做个简单的介绍和理解。
Vuex 官方文档:https://vuex.vuejs.org/zh-cn/
官网有介绍,也有个demo
shopping-cart https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
可down下来看看。
---------------
-----------------------------
还有一个
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个例子,练练手,搞定了会共享下】