![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
_付宏
on the read
展开
-
vue3 - composition api
Vue3中提出的一个新概念, 作用: 聚合代码 & 逻辑重用 Vue的组件化做的相当出色, 帮助我们更好的拆分代码和约束代码, 增加可读性, 但是2.x有几个问题也是开发者们时刻在关注的 代码逻辑不够聚合, 比较分散, 如果我们的组件代码量一多, 找相同的代码逻辑会显得比较困难 上面的图我把相同逻辑代码用同样的颜色框在了一起, 抛出方法本身的调用以外, 我们依旧可以很清晰的发现这些逻辑是分散的, 非聚合的, 跟react不同, vue只能拆分功能组件却很难拆分逻辑, 所以当我们逻辑一多.原创 2020-10-31 12:55:24 · 3133 阅读 · 1 评论 -
vue的响应式原理及从无到有用原生js实现vue的一套响应式系统
what is 响应式? 响应式作为vue的代表特点之一, 意义非凡, 响应式的含义也就是: 我们更改了js中的数据, 页面会同步进行更新, 同理, 页面中的数据发生了变化, js也会得到通知从而更改数据 来看看实例 <!-- html结构相当的简单, 一个id为app的div, 之后我们会让vue来接管该div --> <div id='#app'></div> const vm = new Vue({ el: '#app', data: { .原创 2020-06-12 14:10:06 · 2176 阅读 · 4 评论 -
根据$nextTick一个怪异的现象经过窥探源码发现vue惊天地泣鬼神的神来之笔
事情是这样的, 这是一个在某天的默默的开发中, 笔者发现了一个惊天地泣鬼神的抓破脑壳都想不破的问题, 然后在这个月黑风高的晚上, 通过对源码的窥探终于发现原因的悲惨故事 我们先来看一个demo, 关于$nextTick的使用这里就不再赘述了 <!-- html结构非常的easy, 在vue接管的id为app的dom区域内渲染了msg --> <div id='#app'> {{ msg }} </div> const vm = new Vue({原创 2020-06-10 23:07:48 · 1565 阅读 · 0 评论