Vue 3 备忘清单_开发速查表分享

Vue 3 备忘清单

Vue 3渐进式 JavaScript 框架 Vue 3 备忘清单的快速参考列表，包含常用 API 和示例 入门，为开发人员分享快速参考备忘单。

开发速查表大纲

• 入门

  • 介绍

  • 创建应用

  • 应用实例

  • 通过 CDN 使用 Vue

  • 使用 ES 模块构建版本

• 模板语法

  • 文本插值

  • 原始 HTML

  • Attribute 绑定

  • 布尔型 Attribute

  • 动态绑定多个值

  • 使用 JavaScript 表达式

  • 仅支持表达式(例子都是无效)

  • 调用函数

  • 指令 Directives

  • 参数 Arguments

  • 绑定事件

  • 动态参数

  • 动态的事件名称

  • 修饰符 Modifiers

  • 指令语法

• 响应式基础

  • 声明状态

  • 声明方法

  • <script setup> setup语法糖

  • 用 ref() 定义响应式变量

  • 有状态方法

  • 响应式样式

• 响应式进阶 —— watch 和 computed

  • 监听状态

  • 立即监听状态

  • 计算状态

• 组件通信

  • defineProps

  • defineEmits

  • defineExpose

  • Provide / Inject

• Vue 中使用 TypeScript

  • 为组件的 props 标注类型

  • 为组件的 emits 标注类型

  • 为 ref() 标注类型

  • 为 reactive() 标注类型

  • 为 computed() 标注类型

  • 为事件处理函数标注类型

  • 为 provide / inject 标注类型

  • 为模板引用标注类型

  • 为组件模板引用标注类型

  • 选项式 API 为组件的 props 标注类型

  • 选项式 API 为组件的 emits 标注类型

  • 选项式 API 为计算属性标记类型

  • 选项式 API 为事件处理函数标注类型

  • 选项式 API 扩展全局属性

  • 选项式 API 扩展自定义选项

• API 参考

  • 全局 API - 应用实例

  • 全局 API - 通用

  • 组合式 API - setup()

  • 组合式 API - 依赖注入

  • 组合式 API - 生命周期钩子

  • 组合式 API - 响应式: 工具

  • 组合式 API - 响应式: 核心

  • 选项式 API - 状态选项

  • 选项式 API - 生命周期选项

  • 选项式 API - 其他杂项

  • 选项式 API - 渲染选项

  • 选项式 API - 组件实例

  • 选项式 API - 组合选项

  • 内置内容 - 指令

  • 内置内容 - 组件

  • 内置内容 - 特殊 Attributes

  • 内置内容 - 特殊元素

  • 单文件组件 - 语法定义

  • 单文件组件 - <script setup>

  • 单文件组件 - CSS 功能

  • 进阶 API - 渲染函数

  • 进阶 API - 服务端渲染

  • 进阶 API - TypeScript 工具类型

  • 进阶 API - 自定义渲染

• 另见