笔记:Vue.js 中使用 Vuex 的例子


学习 Vuex 时候做的两个例子,一个使用 Vue 自身的 props 相互传递数据;另一个使用 Vuex 来全局化地管理数据。

个人觉得,一个成功封装的组件应该是 totally pluggable,依赖 Vuex 来管理状态、数据,似乎是更加针对特定项目的解决方案,或者我还没学得足够深入,state 本身也有 pluggable 的用法。

例子中相同的都是三层组件结构:

使用 Vue 自带的 props,slot 和 $emit 等传递数据

See the Pen Vue.js parent, child two-way data passing by Lien (@movii) on CodePen.

CodePen 链接

使用 Vuex 管理数据

See the Pen Vue.js parent, child two-way data passing using vuex by Lien (@movii) on CodePen.

CodePen 链接

参考

感谢阅读

你们好, 2018 年初把小站从 Jekyll 迁移到 Hugo 的过程中,删除了评论区放的 Disqus 插件,考虑有二:首先无论评论、还是对笔记内容的进一步讨论,读者们更喜欢通过邮件、或者 Twitter 私信的方式来沟通;其次一年多以来 Disqus 后台能看到几乎都是垃圾留言(spam),所以这里直接贴一下邮件、以及 Twitter 账户 地址。

技术发展迭代很快,所以这些笔记内容也有类似新闻的时效性,不免有过时、或者错误的地方,欢迎指正 ^_^。

BEST
Lien(A.K.A 胡椒)
本站总访问量 本站总访客量 本文总阅读量