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------> obs
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
更多推荐
所有评论(0)