![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
架构思维
文章平均质量分 92
qq_31394289
这个作者很懒,什么都没留下…
展开
-
vue2.x响应式原理
Talk is cheap,show me the code。先抄一把官方文档的简单介绍吧,然后再贴个总览图,再细细说来。逐行源码分析,并不是单纯的理论。当你把一个普通的 JavaScript 对象传入vue实例作为 data 选项,vue将遍历此对象所有的 property,并使用 Object.defineProperty 把这些 property 全部转为 getter/setter 。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是vue不...原创 2022-01-13 17:34:11 · 418 阅读 · 0 评论 -
路由管理与数据流
路由组件化单页面应用是由一个个组件搭建而成的,如上图,它的结构通常是一棵树,理论上而言,在外部数据进来,组件可以进行逻辑变更,是否显示或者隐藏在界面上,这就不需要浏览器的前进、回退和刷新功能,那为什么还需要路由呢?可想而知组件搭建的页面是建立在一棵组件树的“根”开始的,而现实很多情况是需要只看“电影”中的“某一帧”,或者从“某一帧”开始看,这不得不需要一个“时刻”的导航,“某个时刻“在这里意味着我们单页面应用的路由。这也是我们为什么需要路由的原因。路由是链接和页面的映射,监听链接然后将监听事件回调给各原创 2022-01-10 10:07:24 · 811 阅读 · 0 评论 -
全局状态管理与数据流
组件结构决定通信方式一般的组件分布是一个树的结构,这种结构决定了其基本的通信方式。每个组件(也可以称之为节点)包含自身的数据和方法,暂统称为组件的状态(state),props可以将父组件的状态流向子组件,这是一种单向的数据流,也是组件树中最基础的通信方式,意味着并不建议在子组件中通过修改props来更改父组件的状态。试想,倘若这样,那么父组件状态的修改来自于哪一个子组件的溯源是令人头疼的问题且会影响到流经的所有的子组件。props的缺点显而易见,它需要在每一个节点停留,然后传递给下一个节点.原创 2022-01-01 09:58:24 · 524 阅读 · 0 评论