条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 Data 选项 事件 API 过滤器 片段 函数式组件 - 3 - 本文档使用 书栈网 · BookStack.CN 也会相应地被更新。 虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较 大的操作时，这个方式是最有用的。 例如： 1.

mouse.x === x.value // true ` ` 将异步操作转换为 “同步” 先建⽴数据间的“连结”，然后再等待异步请求返回将数据填充。概念和 React 中的 SWR (stale-while-revalidate) 类似。 技巧 使⽤组合式 API, 我们甚⾄可以将异步请求转换为 “同步” 的 异步 const data = await fetch('https://api defineComponent } from 'vue-demi' 快速回顾 建⽴ “连结” 接受 Ref 作为函数参数 返回由 Ref 组成的对象 使⽤ ref / unref 让函数变得更加灵活 将异步操作转换为 “同步” 副作⽤⾃动清除 类型安全的 Provide / Inject 状态共享 useVModel ` ` 谢谢！ 幻灯⽚可以在我的⽹站 antfu.me 上下载

Ant Design Vue的诞⽣生 Why How 不不要怂 就是⼲干 站在巨⼈人的肩膀上 UI=fn(state) 脚本转换 属性声明\传递、状态声明 ⽅方法 or 事件 状态异步、同步问题 调试、验证、迭代维护 强约束 遇到的问题及解决⽅方案 模板引擎(JSX template) ⽣生命周期 Ref引⽤用 模板 单⽂文件 template JSX loader

预加载的文件，生成最优的