知知吱吱

自定义指令 介绍 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 V

异步组件 基本用法 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： ES 模块动态导入也

依赖注入 Provide (提供) 要为组件后代提供数据，需要使用到 provide() 函数： provide() 函数接收两个参数。第一个参数被称为注入名，可以是一个字符串或是一个 Symbol。

插槽 Slots 插槽内容与出口 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染 默认内容 在外部没有提供任何内

Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute (关于透传 attribute，我们会在专门的章节中讨

组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 我们可以使用 Vue 应用实例的 app.co

定义一个组件 当使用构建步骤时，我们一般会将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件 (简称 SFC)： 当不使用构建步骤时，一个 Vue 组件以一个包含 Vue 特定选项

模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute：

侦听器 计算属性允许我们声明性地计算衍生值，然而在有些情况下，我们需要在状态变化时执行一些“副作用”：列如更改DOM，或是根据一步操作的结果去修改另一处的状态。 在组合式api中，我们可以使用watc