在实际项目中如何用Vuex？

2024年2月20日 150次阅读 来源: 林水溶

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

    原文作者：林水溶
    原文地址: https://segmentfault.com/a/1190000009546104
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞