vue3相关的文档

理解SSR 传统服务端渲染CSR 单页面应用SPA 首屏性能不好 seo不好 服务端渲染SSR(server side render) 需要seo页面是否只是少数几个营销页面预渲染是否可以考虑 确实需

01.vue组件通信 1、组件通信常用方式有一下8中 props $emit/$on $parent/$children $attrs/$listeners ref $root eventbus vu

vue-cli vuex vue2.6源码地址 vue-router 开课吧老村长 如何调试源码，以及找到入口文件 在vue源码中修改package.json 添加了--sourcemap 新增htm

```javascript export const emptyObject = Object.freeze({}) export function isUndef (v) { return v ==

创建实例 vue2 使用new创建实例 vue3使用函数创建实例 实例方法使用 vue2 使用Vue.component vue3使用app.component 实例挂载方式 vue2 使用$moun

Vue3编译器是什么 将用户编写的 模板template 转换为 渲染函数render。 为什么需要编译器 前端程序员更加喜欢使用html格式去描述试图 声明式渲染 有利于性能优化 下面就是直接编写渲

Ts Vue官网的Ts说明 Ts官网配置 为什么 Vue 3 是用 TypeScript 编写的？？？ 静态类型系统可以帮助防止许多潜在的运行时错误 定义 Vue 组件 要让 TypeScript 正

vue inspect查看vue的webpack所有配置项 vue inspect --rule vue inspect --rule svg

1、执行下面代码 2、打断点 3、流程分析 当执行setup函数时，执行了Vue.watch 进一步执行了 其中source就是() => reactiveV.counter db就是回调函数 在do

1、执行下面代码 2、打断点 3、断点分析 我们在ReactiveEffect内的schedule函数内打上断点，如下图所示，可以看出 在这行setup中的setTimeout中的count.valu

1、执行下面代码 2、打断点 3、流程分析 targetMap 是一个WeakMap，它的key为用户设置的reactive对象，它的value为Map，该Map的key为用户设置的reative对象

1、执行下面代码 2、打断点 3、调用栈分析 在执行setup函数时候，会处理ref函数，将数据处理为类的实例，当访问到了实例的value属性，就会触发相应的函数，trackRefValue和trig

1、执行下面代码 2、调用栈分析 依次跳出断点可以发现出钩子函数的执行顺序 如下 beforeCreate -> created ->onMounted ->mounted ->onBeforeUpd

1、执行下面代码 2、打断点 3、调用栈分析 在首次挂载组件时，执行setupComponent内的setupStatefulComponent执行了setup，且setup执行优先于beforeCr

1、执行下面代码 2、打断点 src/baseHandlers.ts 的createGetter函数内的track调用，如下图 src/baseHandlers.ts 的createSetter函数内

1、执行下面代码 声明响应式数据，且过1秒钟后，更改一次，看它的更新流程 2、打断点技巧 runtime-dom/src/nodeOps.ts 下setElementText内打上断点 在html代码

1、执行代码 源码中自带的todomvc.html代码 执行一下，代码很长就不贴了 2、打断点 runtime-dom\src\nodeOps.ts 在setElementText函数内部第一行打上断

1、源码整体架构 jest代码测试 eslint 代码检测 rollup代码打包 ts代码编写 prettierrc 代码美化 2、创建实例，实例挂载 先执行下面代码 然后打上断点 runtime-c

首先要知道为什么要学习源码？？？ 大家都会写业务代码，无法区分能力，会源码是实力的体现 面试需求，总会问底层的东西，快速筛选人才 内卷，一个岗位多个人求职，不乏有名校出生 加深对api理解，站在上帝视