From ae6251ebfb1aa2a1bd940c3ecbd6c284bf811b2d Mon Sep 17 00:00:00 2001 From: jaywcjlove Date: Thu, 3 Nov 2022 02:27:26 +0000 Subject: [PATCH] doc: update `vue.md` (#10). 428d8488f3cacb00981b73846ba2ecfb29b2b2b4 --- docs/vue.html | 57 ++++++++++++++++++++++++++------------------------- 1 file changed, 29 insertions(+), 28 deletions(-) diff --git a/docs/vue.html b/docs/vue.html index 6eb2ebb1..949361c7 100644 --- a/docs/vue.html +++ b/docs/vue.html @@ -42,7 +42,7 @@

渐进式 JavaScript 框架 Vue 3 备忘清单的快速参考列表,包含常用 API 和示例。

入门

介绍

Vue 是一套用于构建用户界面的渐进式框架

    @@ -273,7 +273,7 @@

API 参考

-

应用实例 - (全局 API)

+

全局 API - 应用实例

@@ -353,7 +353,7 @@
:-:-
createApp()#
createSSRApp()#
app.mount()#
app.unmount()#
app.provide()#
app.component()#
app.directive()#
app.use()#
app.mixin()#
app.version#
app.config#
app.config.errorHandler#
app.config.warnHandler#
app.config.performance#
app.config.compilerOptions#
app.config.globalProperties#
app.config.optionMergeStrategies#
-

通用 - (全局 API)

+

全局 API - 通用

@@ -384,7 +384,7 @@
:-:-
version#
nextTick()#
defineComponent()#
defineAsyncComponent()#
defineCustomElement()#
-

setup() - (组合式 API)

+

组合式 API - setup()

@@ -411,7 +411,7 @@
:-:-
基本使用#
访问 Props#
Setup 上下文#
与渲染函数一起使用#
-

响应式: 工具 - (组合式 API)

+

组合式 API - 响应式: 工具

@@ -450,8 +450,8 @@
:-:-
isRef()#
unref()#
toRef()#
toRefs()#
isProxy()#
isReactive()#
isReadonly()#
-

生命周期钩子 - (组合式 API)

- +

组合式 API - 生命周期钩子

+ @@ -509,8 +509,9 @@ -
:-:-
onMounted()#
onUpdated()#
onUnmounted()#
onBeforeMount()#
onBeforeUpdate()#
onBeforeUnmount()#
onErrorCaptured()#
onRenderTracked()#
onRenderTriggered()#
onActivated()#
onDeactivated()#
onServerPrefetch()#
-

依赖注入 - (组合式 API)

+
:-:-
onMounted()组件挂载完成后执行 #
onUpdated()状态变更而更新其 DOM 树之后调用 #
onUnmounted()组件实例被卸载之后调用 #
onBeforeMount()组件被挂载之前被调用 #
onBeforeUpdate()状态变更而更新其 DOM 树之前调用 #
onBeforeUnmount()组件实例被卸载之前调用 #
onErrorCaptured()捕获了后代组件传递的错误时调用 #
onRenderTracked()组件渲染过程中追踪到响应式依赖时调用 #
onRenderTriggered()响应式依赖的变更触发了组件渲染时调用 #
onActivated()若组件实例是 <KeepAlive> 缓存树的一部分,当组件被插入到 DOM 中时调用 #
onDeactivated()若组件实例是 <KeepAlive> 缓存树的一部分,当组件从 DOM 中被移除时调用 #
onServerPrefetch()组件实例在服务器上被渲染之前调用 #
+ +

组合式 API - 依赖注入

@@ -529,7 +530,7 @@
:-:-
provide()#
inject()#
-

响应式: 核心 - (组合式 API)

+

组合式 API - 响应式: 核心

@@ -572,7 +573,7 @@
:-:-
ref()#
computed ()#
reactive()#
readonly()#
watchEffect()#
watchPostEffect()#
watchSyncEffect()#
watch()#
-

状态选项 - (选项式 API)

+

选项式 API - 状态选项

@@ -611,7 +612,7 @@
:-:-
data#
props#
computed#
methods#
watch#
emits#
expose#
-

生命周期选项 - (选项式 API)

+

选项式 API - 生命周期选项

@@ -679,7 +680,7 @@
:-:-
beforeCreate#
created#
beforeMount#
mounted#
beforeUpdate#
updated#
beforeUnmount#
unmounted#
errorCaptured#
renderTracked#
renderTriggered#
activated#
deactivated#
serverPrefetch#
-

其他杂项 - (选项式 API)

+

选项式 API - 其他杂项

@@ -705,8 +706,8 @@ -
:-:-
name#
inheritAttrs#
components#
directives#
-

渲染选项 - (选项式 API)

+
:-:-
name显式声明组件展示时的名称 #
inheritAttrs默认的组件 attribute 透传行为 #
components#
directives#
+

选项式 API - 渲染选项

@@ -729,7 +730,7 @@
:-:-
template#
render#
compilerOptions#
-

组件实例 - (选项式 API)

+

选项式 API - 组件实例

@@ -793,7 +794,7 @@
:-:-
$data#
$props#
$el#
$options#
$parent#
$root#
$slots#
$refs#
$attrs#
$watch()#
$emit()#
$forceUpdate()#
$nextTick()#
-

组合选项 - (选项式 API)

+

选项式 API - 组合选项

@@ -820,7 +821,7 @@
:-:-
provide#
inject#
mixins#
extends#
-

指令 - (内置内容)

+

内置内容 - 指令

@@ -892,7 +893,7 @@
:-:-
v-text#
v-html#
v-show#
v-if#
v-else#
v-else-if#
v-for#
v-on#
v-bind#
v-model#
v-slot#
v-pre#
v-once#
v-memo#
v-cloak#
-

组件 - (内置内容)

+

内置内容 - 组件

@@ -923,7 +924,7 @@
:-:-
<Transition>#
<TransitionGroup>#
<KeepAlive>#
<Teleport>#
<Suspense>#
-

特殊 Attributes - (内置内容)

+

内置内容 - 特殊 Attributes

@@ -946,7 +947,7 @@
:-:-
key#
ref#
is#
-

特殊元素 - (内置内容)

+

内置内容 - 特殊元素

@@ -965,7 +966,7 @@
:-:-
<component>#
<slot>#
-

语法定义 - (单文件组件)

+

单文件组件 - 语法定义

@@ -1001,7 +1002,7 @@
:-:-
总览#
相应语言块#
自动名称推导#
预处理器#
Src 导入#
注释#
-

<script setup> - (单文件组件)

+

单文件组件 - <script setup>

@@ -1057,7 +1058,7 @@
:-:-
基本语法#
响应式#
使用组件#
使用自定义指令#
defineProps() 和 defineEmits()#
defineExpose#
useSlots() 和 useAttrs()#
与普通的 &lt;script&gt; 一起使用#
顶层 await#
针对 TypeScript 的功能#
限制#
-

CSS 功能 - (单文件组件)

+

单文件组件 - CSS 功能

@@ -1080,7 +1081,7 @@
:-:-
组件作用域 CSS#
CSS Modules#
CSS 中的 v-bind()#
-

渲染函数 - (进阶 API)

+

进阶 API - 渲染函数

@@ -1123,7 +1124,7 @@
:-:-
h()#
mergeProps()#
cloneVNode()#
isVNode()#
resolveComponent()#
resolveDirective()#
withDirectives()#
withModifiers()#
-

服务端渲染 - (进阶 API)

+

进阶 API - 服务端渲染

@@ -1162,7 +1163,7 @@
:-:-
renderToString()#
renderToNodeStream()#
pipeToNodeWritable()#
renderToWebStream()#
pipeToWebWritable()#
renderToSimpleStream()#
useSSRContext()#
-

TypeScript 工具类型 - (进阶 API)

+

进阶 API - TypeScript 工具类型

@@ -1193,7 +1194,7 @@
:-:-
PropType<T>#
ComponentCustomProperties#
ComponentCustomOptions#
ComponentCustomProps#
CSSProperties#
-

自定义渲染 - (进阶 API)

+

进阶 API - 自定义渲染