猪头男

1. 触发和监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中)： 父组件可以通过 v-on (缩写为 @) 来监听事件： 同样，组件的事

1. Props声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute 在使用 <script setup> 的单文件组件

1. 前置知识 a. 数据观测（Data Observer） 在 Vue 2 中，这叫 Object.defineProperty；在 Vue 3 中，这叫 Proxy。 它的作用是：当你修改数据时，

1. 前置知识 try，catch，finally async/awaiit ：异步语法 async关键字：async 放在函数前面，表示这个函数是异步的 async 函数 永远返回promise a

1. 上的 v-if 因为 v-if 是一个指令，他必须依附于某个元素。但如果我们想要切换不止一个元素呢？在这种情况下我们可以在一个 <template> 元素上使用 v-if，这只是一个不可见的包装

1. 绑定HTML class 1.1. 绑定对象 我们可以给 :class (v-bind:class 的缩写) 传递一个对象来动态切换 class 上面的语法表示 active 是否存在取决于数据

1. 基本定义 在Vue3中的Composition API中，ref和reactive都是用来创建响应式数据的核心函数 函数 作用 ref 用于创建一个响应式的引用对象，适用于基本类型（string