1.组件的渲染

2.源码总览


3.组件的渲染

Vue3.x 源码 - 图1

4.组件的更新

Vue3.x 源码 - 图2

5.组件的实例

Vue3.x 源码 - 图3

7.组件的生命周期

Vue3.x 源码 - 图4

9.响应式内部原理

10.计算属性

  1. 延时计算.只有当访问计算属性的时候,才会真正执行conputed getter函数进行计算
  2. 缓存 内部会缓存上次的计算记过_value,而且只有_dirty为true时才会重新计算. 如果访问计算属性是_dirty为false,那么直接返回这个_value
  3. 优势: 只要它以来的响应式数据不变化,就可以使用缓存的_value,而不用每次渲染组件时都执行函数进行计算,典型的空间换时间思想

    11.侦听器

    watch和watchEffect的不同

  4. 侦听的源不同. watch可以侦听一个或多个响应式对象,也可以侦听一个getter函数,而watchEffect 侦听的是一个普通函数,只要内部访问了响应式对象即可,这个函数并不需要返回响应式对象

  5. 没有回调函数. watchEffect没有回调函数,在副作用函数的内部, 响应式对象发生变化后,会再次执行这个副作用函数
  6. 立即执行. watchEffect在创建好watcher后,会立刻执行它的副作用函数. 而watch 需要配置immediate为true,才会立即执行回调函数