vue2.0学习
文章平均质量分 67
vue2.0 学习笔记
SuperHaker~
这个作者很懒,什么都没留下…
展开
-
vue key的bug
vue,key,bug原创 2024-03-21 12:30:25 · 369 阅读 · 0 评论 -
业务中关于响应式的闹剧
业务情景是往一个数组里面添加元素,每个元素都是一个对象,如果按照vue3的proxy去实现响应式,那肯定得对这个数组代理进行修改才能触发响应式系统的监听,但是,修改了原始传入的对象的属性,居然页面也可以更新!如果是vue2那就解释通了,因为vue仅仅是通过defineProperty来给原始对象加上get和set进行拦截,也就是我通过数组去访问添加的元素,还是直接访问元素,都是同一个对象的引用,vue2内部的深层递归嵌套保证了我改变对象的某个值,还是会能够监听到这个变化去渲染界面。舒服了,终于搞清楚了。原创 2023-09-14 15:35:32 · 63 阅读 · 0 评论 -
vue中事件循环,任务队列
vue事件循环,任务队列原创 2023-08-21 09:34:04 · 152 阅读 · 0 评论 -
vue中的new vue发生了什么?第一次渲染到页面发生了什么?
vue初始化各个生命周期对应发生了什么,怎么和响应式篇联系起来原创 2023-08-17 12:10:59 · 59 阅读 · 0 评论 -
vue中vnode和 diff
vue 的vnode和diff算法原创 2023-08-16 17:27:36 · 153 阅读 · 0 评论 -
Vue 中的数据拦截(Observer),构建依赖(Dep),添加订阅(Watcher),实现响应式
Vue响应式原理原创 2023-08-15 17:58:06 · 790 阅读 · 0 评论 -
vue2 props
例如,对于一个给定的对象 post:下面两者等效,比如这次的preview的属性,传入两个对象,对象的每个属性都是preview的属性,不必每个属性都bind一次,直接bind两个对象就好,这样属性的名字和对象的属性一样,不过更好的做法是在设置prop的时候按照传进来的两个对象设置,这样直接用对象赋值即可。当用props的值来初始化data时,并非用的传进来的响应式变化的值,而是props的default值,如果这个值没有默认初始值,则类型为undefined,如何验证呢?看下面的一个demo。原创 2023-03-28 17:38:28 · 1623 阅读 · 0 评论 -
vue2.0注意点
比如:my-project-name, 例如:,ant-design-pro,ant-design-colors等大厂开源项目,当项目名称有多个字符时,不是说驼峰命名法myProjectName不行,用横杠中划线进行连接,已经是约定俗成的习惯,一定要向大厂的标准看齐。然而,不同的是计算属性是基于它们的响应式依赖进行缓存的。这里外层引号是必备的,就好比普通的class定义,内部是一个对象,比如上面这个active就是一个预定的值,如果isActive值为true,那么这个div就有active这个类。原创 2023-03-27 20:09:22 · 56 阅读 · 0 评论