少年不脱发

摘要： 生命周期的基本含义是从开始到结束的整个过程 在Vue中实例从创建到销毁的过程就是生命周期，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程 beforeCreated 创建前 vue实例的挂载元素$el和数据对象data都为undefined，还未初始化 create 阅读全文

摘要： function doubleAfter2seconds(num,data) { return new Promise((resolve) => { setTimeout(() => { resolve(2 * num) }, data); } ) } async function testResu 阅读全文

摘要： methods: { showNum(num, time) { return new Promise(function (resolve) { function _show() { setTimeout(function () { console.log(num); resolve(); }, ti 阅读全文

摘要： compiler模块：编译模板系统 Runtime模块：也可以称为Renderer模块，真正渲染模块 Reactivity模块：响应式系统 阅读全文

摘要： template通过compilel函数编译 再调用render函数转换成vnode 在通过渲染器把vnode转换成真实元素 最后浏览器显示 template 转换成虚拟dom 虚拟dom转换成真实元素 阅读全文

摘要： customRef方法需要返回一个对象，对象需要有get、set方法 get函数需要收集依赖 调用函数中第一个参数，用于展示时使用 阅读全文

摘要： unref如果我们获取ref引用中的value，那么可以通过unref方法 如何参数是ref，则返回内布值，否则返回参数本身 val=isRef（val）？val.value:val的语法糖 isRef是判断值是否是一个ref对象 shallowRef 创建一个浅层ref对象 对象本身改变，页面显示 阅读全文

摘要： toRefs 解构对象，解构的对象必须是响应式对象（reactive） toRef 解构对象中其中一个属性，相同也是响应式对象 阅读全文

摘要： reactive是需要传入对象，实现数据劫持 是响应式对象 ref在html是有自动解构返回对象 js逻辑代码中没有自动解构，需要手动.value使用 readonly 返回原生对象的只读代理（它依然是proxy，这是一个proxy的set方法被劫持，并不能对其修改） 阅读全文

摘要： Options Api的特点就是在对应属性中编写对应的功能模块 弊端 可读性差 当我们实现一个功能，这个功能对应的逻辑代码会被拆分到各个属性中 Compositinon Api setup方法可以接受props、context context中包含三个属性 attrs:所有非props的attrib 阅读全文