Vue

Composition API的优势 Options API存在的问题 使用传统OptionsAPI中，新增或者修改一个需求，就需要再data，methods，computed中修改 Composit

shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式，不进行对象的响应

setup简介 1、理解：Vue3.0中一个新的配置，值为一个函数 2、setup是所有Composition API（组合API）“表演的舞台” 3、组件中所有用到的：数据、方法等等，均要配置在se

Vue3简介 官网链接 1、性能的提升 打包大小减少41% 初次渲染快55%，更新渲染快133% 内存减少54% 2、源码的提升 使用Proxy代替defineProperty实现响应式 重写虚拟DO

Vue语法 模板语法与数据绑定 MVVM模型与数据代理 事件处理 计算属性与监视属性 条件渲染 列表渲染 数据监视 收集表单数据 过滤器（Vue3已不用） 内置指令 自定义指令 Vue生命周期 Vue

组件库简介 1、产生：组件库是前端框架产生后才出现的一种概念； 2、考虑组件库的两个方面： （1）基于什么技术实现的，Vue还是React； （2）组件库是PC端，还是移动端； Element UI

路由的介绍 路由简介： 1、定义： （1）路由就是一组key-value的对应关系 （2）路由要经过路由器的管理 2、路由工作原理简介： （1）目的：为了实现导航区和展示区内容的切换 （2）Vue中的

Vuex介绍与使用 Vuex的基本理解 1、概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读或写），也是一种组件间通信的方式，且适用

插槽介绍 1、作用：让父组件可以向子组件指定位置插入html，也是一种组件间通信的方式，适用于父组件==>子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）默认插槽 （2）具名插

配置代理服务器介绍 跨域问题 1、什么是跨域问题？ 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都会导致跨域问题。即前端接口去调用不在同一个域内的后端服务器而产生的问题。

Vue封装的过渡与动画 1、作用：在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。 2、图示： 下图中左边是进入的过程，右边是离开的过程 3、写法： （1）准备好样式： 元素进入的样式

$nextTick()函数 1、语法：this.$nextTick(回调函数) 2、作用：在下一次DOM更新结束后执行其指定的回调； 3、什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时

消息订阅与发布简介 1、功能：一种组件间通信方式，适用于任意组件之间的通信 2、安装：npm install pubsub-js 3、使用步骤： （1）引入：（谁用谁引用）import pubsub

全局事件总线介绍 1、作用：一种组件之间通信的方式，适用于任意组件之间通信，原理图如下： 2、对上图中x的要求： （1）保证所有组件都能看到x （2）能调用到 $on()， $off()， $emit

组件的自定义事件 1、一种组件间通信的方式，适用于子组件 ===> 父组件 2、使用场景：A是父组件，B是子组件，B想传递数据给A，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3、绑定自定义

scoped介绍 1、作用：让样式在局部生效，防止冲突 2、写法：<style scoped> 案例： Student.vue School.vue 效果： 虽然School和Student中都有de

plugin插件介绍 1、功能：用于增强Vue 2、本质：Vue中的plugin本质上是一个包含install方法的对象，install方法的第一个参数时Vue构造函数，第二个以后的参数时插件使用者传

mixin介绍 1、什么是mixin？ 当两个组件具有相同的功能但内容不一样时可以新建一个mixin，即两个组件共享一个同样的配置。 2、不仅能混合功能，也能混合数据、生命周期钩子； 3、如果组件中有

配置项props 1、功能：让组件接收外部传过来的数据 （1）传递数据： （2）接收数据： 方式一： 方式二： 方式三： 备注：props是只读的，Vue底层会监视你对props的修改，如果进行了修改

ref属性介绍 1、被用来给元素或子组件注册引用信息（id的替代者） 2、应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象 3、使用方式： 打标识：<h1 ref = "xx