vue

需求描述：el-select多选 已选中的values 只展示前3个,多的+n展示，你会怎么实现呢？ 我觉得要想不被AI替代，至少要做到进掌握react、vue、组件库实现原理

疑问：webpack编译是按需加载，也就是我们用到了哪些代码，才会进行编译打包。当我们使用异步组件的时候，path是一个变量，如何做到把这些路径的文件提前编译呢？

使用 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发

使用 vue中我们会注册各种事件，除了dom上的点击等事件，也会在组件上注册事件 原理 1、编译识别事件 2、dom事件 3、自定义事件 欢迎关注我的前端自检清单，我和你一起成长

使用 在使用路由时我们常用到下面两个组件 router-link router-view 原理 1. 路由注册 2. VueRouter 对象 3. matcher 4. 路由切换 欢迎关注我的前端自

组件定义 <keep-alive> 是 Vue 源码中实现的一个组件，也就是说 Vue 源码不仅实现了一套组件化的机制，也实现了一些内置组件，它的定义在 src/core/components/kee

1，如何解读？ 初级 了解 vue2/vue3 语法，了解其语法，理解什么是mvvm 中级 先了解vue2源码实现，查看文章 对着 mini-vue 一行一行去看 setup、ref、reactive

1，如何解读？ 了解 vue2/vue3 语法，了解其语法，理解什么是mvvm 数据如何驱动视图，对着 手写一个简易vue 一行行调试，这个demo涵盖了 虚拟dom，diff，补丁更新页面 过程 理

介绍 Vue Loader 是一个 webpack 的 loader，它允许你以一种名为SFC的格式撰写 Vue 组件，也就是一个文件包含多种格式的内容：style、script、template以及

本质 诞生：Vue作为一个构造函数，在我们new Vue(options)的时候诞生了； 最终： 它最终会生成一个dom； 神奇 vue 模版 ： 我们可以使用一系列指令，v-if/v-for 来控制

父子组件生命周期 和dom相关的都是先子组件； 加载渲染过程 子组件更新过程 父组件更新过程 销毁过程 子组件render过程 子组件undate过程

项目结构 public/index.html src/index.js src/virtualDom.js src/pathType.js src/domDiff.js src/doPath.js 原

1.四个全局方法

几个对象和方法 Observer defineReactive Dep watcher Observer defineReactive 对象内部通过 defineReactive 方法，使用 Obje

# vm.render() - 用于把实例渲染成一个虚拟vnode # vm._update(） - 用于把vnode渲染为真实的dom # diff算法 ### 1.关于虚拟dom

vue中每个响应式数据对应一个dep订阅中心，dep有subs属性是watcher数组，当数据变化时，会调用watcher的方法