【精】vue高频面试题(二),如果你是学习vue的,建议不要错过

126 阅读1分钟

接上文书

作为三大框架之一,vue自然有它的独到之处,今天就是来继续说一下vue在面试时会有哪些经常遇到的问题,陷阱之类的注意事项。话不多说,干货奉上。

3. Vue1.x 的设计理念是什么?2.x 的呢?(58 同城)

Vue1.x 设计理念

a) 早期 Vue 是采用数据绑定、依赖收集的方式去观察数据变化并保留对实际DOM 元素的引用,当有数据变化时进行对应的操作。

b) 少量数据更新对比 Virtual DOM 性能更好,坏处是大量数据更新、初始渲染性能、对比 Virtual DOM 性能更差

c) 图解:

Vue2.x 设计理念

  1. Vue2.0 引入了虚拟 dom

通过建立虚拟 dom 树, document.createDocumentFragment(),方法创建虚拟 dom 树。一旦被监测的数据改变,会通过 Object.defineProperty 定义的数据拦截,截取到 数据的变化。

  1. 截取到的数据变化,从而通过订阅——发布者模式,触发 Watcher(观察者),从而改 变虚拟 dom 的中的具体数据。

  2. 最后,通过更新虚拟 dom 的元素值,从而改变最后渲染 dom 树的值,完成双向绑定。

未完待续.......

明天细说应用