vue的源码解析（一）

1、util对象是Vue的api，但是不建议用户使用，但是有这个api

 （1）warn

 （2）extends  合并操作，这里是util里面的extend和Vue.extends 不一样。

   

 （3）mergeOptions  合并选项的

 （4）defineReactive  响应式原理

2、面试常用，对象只会拦截已经存在的属性，{a:1,b:2} 不会触发视图的更新

   Vue.set=set     ------> observer/index.js  

   Vue.delete=del   ------>observer/index.js

   Vue.nextTick=nextTick

   数组更改索引也不会发生视图更新

3、defineReactive : 定义响应式

   defineReactive(ob.value,key,value)

  ob.dep.notify(); 如果新增了一个属性，通知视图刷新。 对象的依赖通知，手动通知视图刷新，对象的依赖的notify()。

4、delete  跟set方法是类似的，分别判断了对象【属性】和数组【索引】

    

5、vue 2的源码是用flow写的，vue3改成了ts

6、nextTick

（1）pending 默认是false。

（2）刷新们的对列

（3）循环执行时，如果是promise 就让这个promise成功。

   timerFunc  其实就是一个函数

 

 

 

微任务分为两种：

 一种叫做promise ，一种叫mutationObserver.

 微任务和宏任务。都是异步，微任务的优先级高，对于这几个异步方法来说。

promise.then和定时器放在一起的时候，肯定promise先执行的。

nexTick本身是一个微任务。但是有它不支持，也会变成宏任务。

   默认是微任务，如果不执行，会降级为宏任务。

7、obervable  ：变成响应式。

多个组件共享数据，就可以使用这个方法，可以创建出一个共享的数据。小型的vuex，一个全局对象。这种用法很少。

全局组件，全局指令，全局过滤器

就是Vue.options.components/filters/directive

8、Vue的构造函数 Vue.options.base =Vue

 

9、bulitInComponents：融合keep-alive