Vue系列

v-model其实只是一个语法糖 主要的实现依靠： v-bind绑定响应式数据 触发input事件并传递数据 等同于 原理： 其中observe是最主要的部分，用Object.defineProper

参考文献 diff整体策略为：深度优先，同层比较 vue通过diff更新的例子： 第一次循环后，发现旧节点D与新节点D相同，直接复用旧节点D作为diff后的第一个真实节点，同时旧节点endIndex移

参考文献 其他的Vue-router常见的面试题请参考下个文章： Vue-Router面试题汇总..

参考文献 参考文献 思路： ✅ 一个对话框需要的基本要素「标题，内容，确定/取消按钮」。内容需要灵活，所以可以是字符串，或一段 html 代码（也就是 slot ）。 ✅ 对话框需要“跳出”，避免来自

参考文献： github 总结： 应用场景： 防抖 图片懒加载 一键 Copy的功能 输入框防抖 防抖这种情况设置一个v-throttle自定义指令来实现 举个例子： 图片懒加载 设置一个v-lazy

作用: 可以更好的复用组件和对其做定制化的处理 插槽分为： `默认插槽`， `具名插槽`， `作用域插槽`

参考文献： github 总结： nginx相关配置： 当我们浏览器输入 www.xxx.com 时， 这个时候会打开 dist 目录下的 index.html 文件， 然后跳转到登录页面 www.x

createElement 创建 VNode 的过程，每个 VNode 有 children，children 每个元素也是一个VNode，这样就形成了一个虚拟树结构，用于描述真实的DOM树结构

一： Vue3的新特性: 速度更快 体积减少 更易维护 更接近原生 更易使用 速度更快 Vue3相比Vue2 重写了虚拟dom的实现 编译模版的优化 更高效的组件初始化 undate性能提高1.3～2

`Vue` 在更新`DOM`的时候是异步更新的, 当数据发生变化的时候, `Vue`将开启一个异步更新队列，视图需要等待队列中所有数据变化完成之后，再统一进行更新

组件会有很多个实例, 使用对象的话很可能会造成使用一个内存地址，修改某个组件中的值，其他组件也会受到影响。采用函数返回一个全新data的形式，每个实例对象的数据不会受到其他数据的影响。

为什么 v-for 和 v-if 不建议一起使用 ？ github 掘金 总结： v-for中 key 的作用 掘金 总结: Diff详解

参考文献： github 上面地址无法访问，可以访问下面这个地址，讲解比较详细的。 掘金 总结：v-if 和 v-for