条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 Data 选项 事件 API 过滤器 片段 函数式组件 - 3 - 本文档使用 书栈网 · BookStack.CN Vue 项目运行： 1. vue upgrade --next Vite (opens new window) 是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允 许快速提供代码。 npm 命令行工具 (CLI) Vite 安装 - 8 - 本文档使用 书栈网 · BookStack.CN 构建 通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。

useFoo(foo: Ref | string) { // 不需要额外操作 const bar = isRef(foo) ? foo : ref(foo) // 与上⾯的代码等效 const bar = ref(foo) /* ... */ } ref / unref MaybeRef 可以很好的配合 ref 和 unref 进⾏使⽤。 mouse.x === x.value // true ` ` 将异步操作转换为 “同步” 先建⽴数据间的“连结”，然后再等待异步请求返回将数据填充。概念和 React 中的 SWR (stale-while-revalidate) 类似。 技巧 使⽤组合式 API, 我们甚⾄可以将异步请求转换为 “同步” 的 异步 const data = await fetch('https://api '@vue/composition-api' Vue 2.7 将 @vue/composition-api 整合进 Vue 2 的核⼼ 在 SFC 中