07 2023 档案
摘要：tip0: 调用用下面这两个钩子,收集依赖与触发依赖更新 // 依赖收集,用来调试用 onRenderTracked(e => { console.log(' onRenderTracked--', e) }) // 触发依赖,用来调试用 onRenderTriggered(e => { conso
阅读全文
摘要：tip: 带着问题去理解响应式原理why,what,how 一. 响应式原理核心点是什么? ** 数据截持 ** ** 依赖收集 ** ** 派发更新 ** 二.vue2的响应式原理? vue3响应式原理?区别是什么? 1. 下面vue2是官网上的这图片 ** 通过 Object.definePro
阅读全文
摘要：tip: 笔记主要内容 1. computed 两种用法 2. computed 原码
阅读全文
摘要：tip1: 无响应式数据(控制台数据已经变化,但是页面无刷新),为什么要用ref和reactive <template> <div>认识Ref全家桶</div> <div>{{ message }}</div> <button @click="change">改变</button> </templa
阅读全文
摘要：diff算法(虚拟dom会生成两个节点如c1,c2) 图1 vue3 diff算法原码地址: https://github.com/vuejs/core 1. diff 算法主要是说renderer.ts中patchChildren这段代码逻辑,如下: 2. diff算法排序分为无key时diff算
阅读全文
摘要：window的话用nvm来管理node 一、安装n 终端运行 npm install n -g 命令 如果直接使用 npm install n -g 报错的话一定要在前面加一个 sudo 用管理员角色运行 安装完毕后使用 n 或者 n --version 查看 二、常用命令 安装或使用一个版本:n
阅读全文
