Vue用法的城市化比喻 / 网络研习社#39

in #cn5 years ago

vue-city.jpg

App.vue是Vue生成的挂载在index上的实例,它是作为一个根容器,所有的页面都会渲染成一个页面(SPA)。用到现在,突然有点联想,这其实和一个城市的运作是何其的相似!

在上图中,大家可以感受下这个形象地比喻:都是一个独一无二的实例,都是分区治理,都有相似的理念和治理方法。比如下面这种一一对应的关系:

#App => 广州市
各个组件 => 分布的区域
div等节点 => 市民
data => 数据中心
methods => 行政中心
v-model => 绑定银行卡
this => 市长印章

这种对应还有更多地想像余地,关键是通过这种比喻可以形象地理解Vue的很多设计思想。

现在很多新的语言(比如python , golang),还有一些设计框架,都是在原有的基础上封装了对象的概念,这样就有更好的设计性和更好的理解性,因为人们就是这样理解世界的。而语言又是描述世界的工具,还原世界的面貌。所以,如果语言和世界有更好的相似性和想通性,就能更好地促进彼此地理解。

得益于最近学习Vue的一些心得,想到了一些形象化的比喻,我觉得还不错。后面还将有一些图示,明天补上。

Sort:  

相当形象的呢

!thumbup
恭喜你!您的这篇文章入选 @justyy 今日 (2019-10-11) 榜单 【优秀的文章】, 回复本条评论24小时内领赏,点赞本评论将支持 @dailychina 并增加将来您的奖赏。
@justyy 是CN区的见证人,请支持他,给他投票,或者设置justyy为见证人代理。感谢!@justyy的主要贡献:https://steemyy.com

Congratulations! This post has been selected by @justyy as today's (2019-10-11) 【Good Posts】, Steem On! Reply to this message in 24 hours to get rewards. Upvote this comment to support the @dailychina and increase your future rewards! ^_^

SteemIt 工具、API接口、机器人和教程
SteemIt Tools, Bots, APIs and Tutorial



If you believe what I am doing, please consider a spare vote voting me here, thank you very much indeed.

@justyy - the author of https://SteemYY.com and I have been a Steem Witness for more than a year now.

@tipu curate 0.02

Posted using Partiko iOS

Upvoted 👌

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 65744.86
ETH 3466.75
USDT 1.00
SBD 2.62