在实际项目中如何用Vuex?

10

Github: https://github.com/shuiRong/V...

前言


看完Vuex文档之后,对于如何把它应用到实际项目中还是有点茫然。

找了一圈Gayhub,有Vuex的项目不是太大,就是太小,或者就是对Vuex的一些重要概念没有给出实际用例。

贼气。干脆,我把之前的项目用Vuex改造下得了。所以我就把VueCnodeJS给改造了下。

因为这个VueCnodeJS这个项目呢,是初级Vue项目,逻辑不复杂,但也涉及了5个组件,而且有从服务器获取数据的步骤,正好为Vuex的异步actions提供了很好的场景。

所以,如果你看完了Vuex文档,但是对在实际项目中怎么用它不太懂的话,这个项目就是为你准备的!

涉及了Vuex的 State,Getters,Mutations,Actions

PS: 其实没必要把组件里的所有数据都放到state.js里。但是为了练习Vuex嘛,就全从组件里分离出来了。(什么样的数据才应该放到state.js中?看文档 : )

本地运行


git clone https://github.com/shuiRong/VueCnodeJS.git 
cd VueCnodeJS/vuexVersion
npm install
npm run dev

(默认用的是8080端口)

你可能感兴趣的

陌上寒 · 2017年07月11日

我也在研究vuex,最近做商城类项目,而并没有使用vuex,感觉亲的demo,只是个demo,无法和实际项目想关联呢

+3 回复

1

vuex的思想很简单.会用的话,无论项目大小都不是问题.
通过简单的项目知道实际上怎么用vuex.商场项目也不是问题.
你要真想看大的项目中,vuex怎么用的话.你可以看看这个https://github.com/PanJiaChen... (差不多的,只是体量的区别)

林水溶 作者 · 2017年07月11日
公子小白 · 2017年07月07日

不能下载学习呢....

+1 回复

skater_ding · 2017年05月27日

nark一下

回复

0

mark 23333

林水溶 作者 · 2017年05月28日
林水溶 作者 · 2017年07月08日

在Github上下载zip或者用git clone下来都行

回复

载入中...