Vue3

1. 默认插槽 子组件中 父组件中 2. 具名插槽 子组件中 父组件中 3. 动态插槽 子组件中 父组件中 4. 作用域插槽（子组件向父组件传值的一种方式） 子组件中 父组件中

1. 场景 2. 基本用法 3. 性能调优 根据提示，我们可以修改两个地方 4. 补充用法 ① 多写一个 script 标签，引入并注册组件，默认暴露 ② 把组件类型都换成字符串类型

1. 局部组件 1.1 场景 1.2 使用 2. 全局组件 2.1 场景 2.2 全局单独引入并注册 2.3 全局批量引入并注册（以 Element-UI 为例） 3. 递归组件 3.1 场景 3.2

1. 父传子 - defineProps 1.1 js 中的写法 1.2 ts 中的写法 2. 子传父 - defineEmits 2.1 js 中的写法 2.2 ts 中的写法 3. 子组件给父组件

1. 创建前后 - setup 1.1 作用 2. 挂载前后 - onBeforeMount / onMounted 2.1 作用 3. 更新前后 - onBeforeUpdate / onUpdat

1. 作用 2. 用法 2.1 开启 watchEffect 监听 2.2 回调触发最初时，需要执行某些操作 2.3 停止 watchEffect 监听 2.4 第二个参数的一些配置项

1. 作用 2. 用法 3. watch 第三个参数的一些配置项 3.1 deep 3.2 immediate 3.3 flush

# 1. 作用 计算属性就是当依赖的属性的值发生变化时，才会触发它的更改，否则使用的是缓存中的属性值 # 2. 用法 ### 2.1 对象写法 ```js ``` ### 2.2 函数写法（对象写法的

1. reactive 1.1 作用 1.2 和 ref 的区别 1.3 注意点 对象的示例 对象的解决办法 数组的示例 数组的解决办法 2. readonly 2.1 作用 2.2 用法 3. sh

ref，isRef，shallowRef，triggerRef，customRef，ref 获取 DOM 元素，开发者工具设置打印格式

常用指令 1. v-text 用来显示文本 2. v-html 用来显示富文本 3. v-if、v-else-if、v-else 控制元素的存在与消失 4. v-show 控制元素的显示与隐藏 5.

1. toRef 1.1 作用 1.2 用法 1.3 原理 2. toRefs 2.1 作用及用法 2.2 源码 2.3 应用 3. toRaw 3.1 作用 3.2 用法

SFC SFC（Single File Component）由三部分组成： <template></template>：一个文件内只能有一个 <script></script>：一个文件内可以有多个，

方式一：Vite 构建 终端输入 npm init vite@latest 按提示步骤输入项目名称、选择技术栈 切到项目根目录，终端输入 npm i 安装依赖，npm run dev 启动项目 方式二