Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
build
config
src
static
.babelrc
README.md
index.html
package.json

README.md

VueCnodejs(Vuex版)

一个Vue的初/中级练手项目:重构CnodeJS社区

前言


看完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端口)

You can’t perform that action at this time.