vue3

组件 v-model 父组件可以用 v-model 绑定一个值 它的 .value 和父组件的 v-model 的值同步； 当它被子组件变更了，会触发父组件绑定的值一起更新。 底层机制 defineM

触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件。 定义与使用格式规范: camelCase（小驼峰命名形式)比如：changeStatus 在父组件中使用 keba

组件注册 定义好的组件需要注册才能被使用。 注册方式有两种 全局注册 局部注册 全局注册 .component() 方法，让组件在当前 Vue 应用中全局可用。 在 main.ts 中 在 vue 中

什么是组件 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行处理。在实际应用中，组件常常被组织成层层嵌套的树状结构。 定义一个组件 我们一般会将 Vue 组件定义在一个单独的

生命周期 生命周期 vue 组件实例都有自己的一个生命周期 从创建->初始化数据->编译模版->挂载实例到 DOM->数据变更后更新 DOM ->卸载组件 生命周期简单说就是 vue 实例从创建到销毁

模版引用 ref 属性 场景：需要直接访问底层 DOM 元素。 方法：使用特殊的 ref 属性。 访问模板引用 小 Demo: 当 input 组件挂载后 自动获取焦点 v-for 中的模板引用 效果

侦听器 计算属性允许我们声明性地计算衍生值。 需求在状态变化时进行一些操作，比如更改 Dom,根据异步操作结果去修改另外的数据状态。 watch 监听异步请求结果 示例 侦听数据源类型 ref (包括

表单输入绑定 获取表单输入的值方式： 手动连接值绑定和更改事件监听器 v-model 指令 （常用） 示例： 表单类型 绑定属性值 绑定事件 input value input textarea va

事件监听 DOM 事件监听指令 v-on 简写@ 事件处理器 (handler) 的值可以是： 内联事件处理器：比如 click 方法事件处理器：一个指向组件上定义的方法的属性名或是路径。 在内联处理

v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令的值需要使用 (item in items) 形式的特殊语法，其中 items 是源数据的数组，而 item 是

条件渲染 v-if v-else 你也可以使用 v-else 为 v-if 添加一个“else 区块”。 v-else-if v-else-if 提供的是相应于 v-if 的“else if 区块”。

Class 与 Style 绑定 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定。 Vue 专门为 clas

计算属性 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。 根据作者今年是否看过书展示不同信息 效果： 这样判断使模版逻辑看起来比较复杂 我们在这

reactive() 点击按钮+1 示例效果 reactive() 返回的是一个原始对象的 Proxy，它和原始对象是不相等的 为保证访问代理的一致性，对同一个原始对象调用 reactive() 会总

声明响应式状态 ref() 在组合式 API 中，推荐使用 ref() 函数来声明响应式状态： ref() 接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回： 形式1 setu

模板语法 文本插值 最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法 (即双大括号)： 原始 HTML 双大括号会将数据解释为纯文本，而不是 HTML。若想插入 HTML，你需要使用

vue是什么? (同音view)是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地