摘要: vue2.x中如何监测数组和对象变化? Object通过Object.defineProperty结合递归就能实现 比较麻烦就对了,Proxy就直接代理整个对象 Array的话 Vue将data中的数组进行了原型链重写,指向了自己定义的数组原型方法。 数组某些情况下会不刷新视图,我们这样解决 当利用 阅读全文
posted @ 2020-07-08 22:43 青老师 阅读(1316) 评论(0) 推荐(0) 编辑
摘要: Vue 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。其中,View变化更新Data,可以通过事件监听的方式来实现,所以 Vue数据双向绑定的工作主要是如何根据Data变化更新View。 大概流程如下 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,V 阅读全文
posted @ 2020-07-08 22:40 青老师 阅读(320) 评论(0) 推荐(0) 编辑
摘要: key是为每个vnode指定唯一的id,在同级vnode的Diff过程中,可以根据key快速的进行对比,来判断是否为相同节点, 利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,指定key后,可以保证渲染的准确性(尽可能的复用 DOM 元素。) 为什么不建议用index作为ke 阅读全文
posted @ 2020-07-08 22:32 青老师 阅读(2258) 评论(0) 推荐(0) 编辑
摘要: 由于在浏览器中操作DOM是很昂贵的。频繁的操作DOM,会产生一定的性能问题。这就是虚拟Dom的产生原因。 Virtual DOM本质就是用一个原生的JS对象去描述一个DOM节点。是对真实DOM的一层抽象。(也就是源码中的VNode类,它定义在src/core/vdom/vnode.js中。) 虚拟 阅读全文
posted @ 2020-07-08 22:20 青老师 阅读(166) 评论(0) 推荐(0) 编辑
摘要: MVC MVC是一个编程思想,是一种设计模式 M: model 数据模型层 提供数据 V: view 视图层 显示页面 C: controller 控制层 调用数据渲染视图 MVVM设计思想 M:model 数据模块层 提供数据 V:view 视图层 渲染数据 VM: ViewModel 视图模型层 阅读全文
posted @ 2020-07-08 21:03 青老师 阅读(171) 评论(0) 推荐(0) 编辑