VUE那些事

106 阅读1分钟

组件渲染和更新的过程

  • 渲染组件时,会通过vue.extend方法构建子组件的构造函数,并进行实例化。
  • 最终手动调用 $mount()方法进行挂载。更新组件时会进行patchVnode流程。
  • 核心就是diff算法。

组件中的data为什么是一个函数

  • 同一个组件被复用多次,会创建多个实例。这些实例用的都是同一个构造函数,如果data是一个对象的话,那么所有组件都共享了同一个对象。为了保证组件间数据的独立性的要求,每个组件必须通过data函数返回一个对象作为组件的状态。