vue

事件修饰符 针对dom节点的原生事件，vue支持多种修饰符以简化代码 详见：事件修饰符、按键修饰符、系统修饰符 $listeners $listeners是vue的一个实例属性，它用于获取父组件传过来

事件总线的原理 自己实现的事件总线 利用vue实现的总线 事件总线的原理 自己实现的事件总线 利用vue实现的总线 事件总线的原理 自己实现的事件总线 利用vue实现的总线

在vue中遇到共享数据，会带来下面的多个问题： 如何保证数据的唯一性？ 如果数据不唯一，则会浪费大量的内存资源，降低运行效率 如果数据不唯一，就可能出现不统一的数据，难以维护 某个组件改动数据后，如何

前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？ 前端如何查文档？前端如何查文档？前端如何查文档？前端如何查文档？前端如

异步组件 在代码层面，vue组件本质上是一个配置对象 但有的时候，要得到某个组件配置对象需要一个异步的加载过程，比如： 需要使用ajax获得某个数据之后才能加载该组件 为了合理的分包，组件配置对象需要

在写html的话遇到列表优先用ul li去做，更复合语义化，也更好处理。 行内元素通常外层包一个div，是为了更好处理位置。 下面是contact一段具有学习意义的代码

搭建工程 1. npm init vite-app  xxxx     xxx 是文件名 其他使用 安装依赖 npm i 运行 npm run dev 打包 vite build 其他不同 index

1. main.js 不同 2. vue3的 template 可以存在多个根节点，而vue2不能存在多个根节点 3.生命周期钩子函数不同 vue2：vue2中的生命周期： beforeCreate

vite: https://github.com/vitejs/vite webpack 原理图 vite 原理图

静态提升 下面的静态节点会被提升 元素节点 没有绑定动态内容 静态属性会被提升 预字符串化 当编译器遇到大量连续的静态内容，会直接将其编译为一个普通字符串节点 缓存事件处理函数 Block Tree

去掉了Vue构造函数 在过去，如果遇到一个页面有多个vue应用时，往往会遇到一些问题 在vue3中，去掉了Vue构造函数，转而使用createApp创建vue应用 组件实例中的API 在vue3中，组

v-model vue2比较让人诟病的一点就是提供了两种双向绑定：v-model和.sync，在vue3中，去掉了.sync修饰符，只需要使用v-model进行双向绑定即可。 为了让v-model更好

1.router的变化 可以看到主要变化在createRouter 和 history 模式的地方。 在main.js 依然要配置router 2.异步界面和异步组件 异步组件和异步界面可以通过下面的

获取响应式数据 API 传入 返回 备注 reactive plain-object 对象代理 深度代理对象中的所有成员 readonly plain-object or proxy 对象代理 只能读

父子组件通信 prop 最常见的组件通信方式之一，由父组件传递到子组件 event 最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件 style和class 父组件可以向子

什么是虚拟dom？ 虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构 在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对

响应式数据的最终目标，是当对象本身或对象属性发生变化时，将会运行一些函数，最常见的就是render函数。 在具体实现上，vue用到了几个核心部件： Observer Dep Watcher Sched

diff的时机 当组件创建时，以及依赖的属性或数据变化时，会运行一个函数，该函数会做两件事： 运行_render生成一棵新的虚拟dom树（vnode tree） 运行_update，传入虚拟dom树的

创建vue实例和创建组件的流程基本一致 首先做一些初始化的操作，主要是设置一些私有属性到实例中 运行生命周期钩子函数beforeCreate 进入注入流程：处理属性、computed、methods、

面试题：computed和methods有什么区别 标准而浅显的回答 更接近底层原理的回答面试题：computed和methods有什么区别 标准而浅显的回答 更接近底层原理的回答面试题：comput