From fb880f8e5b1b7218f6c9825dfbc0d8adb499edf5 Mon Sep 17 00:00:00 2001 From: jaywcjlove Date: Tue, 15 Nov 2022 11:01:56 +0000 Subject: [PATCH] doc: modify vue.md. (#81) fe562e5fb1fc26e146fcd1d22b44e81048832ab7 --- docs/vue.html | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/docs/vue.html b/docs/vue.html index e29e8039..be9db9c9 100644 --- a/docs/vue.html +++ b/docs/vue.html @@ -429,7 +429,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#
+
:-:-
createApp()创建一个应用实例 #
createSSRApp()以 SSR 激活模式创建一个应用实例 #
app.mount()将应用实例挂载在一个容器元素中 #
app.unmount()卸载一个已挂载的应用实例 #
app.provide()提供一个可以在应用中的所有后代组件中注入使用的值 #
app.component()注册或获取全局组件 #
app.directive()注册或获取全局指令 #
app.use()安装一个插件 #
app.mixin()全局注册一个混入 #
app.version当前应用所使用的 Vue 版本号 #
app.config获得应用实例的配置设定 #
app.config.errorHandler为应用内抛出的未捕获错误指定一个全局处理函数 #
app.config.warnHandler为 Vue 的运行时警告指定一个自定义处理函数 #
app.config.performance在浏览器开发工具中追踪性能表现 #
app.config.compilerOptions配置运行时编译器的选项 #
app.config.globalProperties注册全局属性对象 #
app.config.optionMergeStrategies定义自定义组件选项的合并策略的对象 #

全局 API - 通用

@@ -460,7 +460,7 @@ -
:-:-
version#
nextTick()#
defineComponent()#
defineAsyncComponent()#
defineCustomElement()#
+
:-:-
versionVue 版本号 #
nextTick()等待下一次 DOM 更新后执行回调 #
defineComponent()在定义 Vue 组件时提供类型推导的辅助函数 #
defineAsyncComponent()定义一个异步组件 #
defineCustomElement()#

组合式 API - setup()

@@ -526,7 +526,7 @@ -
:-:-
isRef()#
unref()#
toRef()#
toRefs()#
isProxy()#
isReactive()#
isReadonly()#
+
:-:-
isRef()判断是否为 ref #
unref()是 ref，返回内部值，否则返回参数本身 #
toRef()创建一个属性对应的 ref #
toRefs()将对象上的每一个可枚举属性转换为 ref #
isProxy()检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理 #
isReactive()检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。 #
isReadonly()检查传入的值是否为只读对象 #

组合式 API - 生命周期钩子

@@ -606,7 +606,7 @@ -
:-:-
provide()#
inject()#
+
:-:-
provide()提供一个可以被后代组件中注入使用的值 #
inject()注入一个由祖先组件提供的值 #

组合式 API - 响应式: 核心

@@ -649,7 +649,7 @@ -
:-:-
ref()#
computed ()#
reactive()#
readonly()#
watchEffect()#
watchPostEffect()#
watchSyncEffect()#
watch()#
+
:-:-
ref()返回一个 ref 对象 #
computed ()定义一个计算属性 #
reactive()返回一个对象的响应式代理 #
readonly()返回一个原值的只读代理 #
watchEffect()立即运行一个函数，同时监听 #
watchPostEffect()watchEffect() 使用 flush: 'post' 选项时的别名。 #
watchSyncEffect()watchEffect() 使用 flush: 'sync' 选项时的别名。 #
watch()侦听一个或多个响应式数据源 #

选项式 API - 状态选项

@@ -688,7 +688,7 @@ -
:-:-
data#
props#
computed#
methods#
watch#
emits#
expose#
+
:-:-
data声明组件初始响应式状态 #
props声明一个组件的 props #
computed声明要在组件实例上暴露的计算属性 #
methods声明要混入到组件实例中的方法 #
watch声明在数据更改时调用的侦听回调 #
emits声明由组件触发的自定义事件 #
expose声明当组件实例被父组件通过模板引用访问时暴露的公共属性 #

选项式 API - 生命周期选项

@@ -756,7 +756,7 @@ -
:-:-
beforeCreate#
created#
beforeMount#
mounted#
beforeUpdate#
updated#
beforeUnmount#
unmounted#
errorCaptured#
renderTracked#
renderTriggered#
activated#
deactivated#
serverPrefetch#
+
:-:-
beforeCreate组件实例初始化完成之后立即调用 #
created组件实例处理完所有与状态相关的选项后调用 #
beforeMount组件被挂载之前调用 #
mounted组件被挂载之后调用 #
beforeUpdate状态变更而更新其 DOM 树之前调用 #
updated状态变更而更新其 DOM 树之后调用 #
beforeUnmount组件实例被卸载之前调用 #
unmounted组件实例被卸载之后调用 #
errorCaptured捕获了后代组件传递的错误时调用 #
renderTracked Dev only组件渲染过程中追踪到响应式依赖时调用 #
renderTriggered Dev only响应式依赖的变更触发了组件渲染时调用 #
activated若组件实例是 缓存树的一部分，当组件被插入到 DOM 中时调用 #
deactivated若组件实例是 缓存树的一部分，当组件从 DOM 中被移除时调用 #
serverPrefetch SSR only组件实例在服务器上被渲染之前调用 #

选项式 API - 其他杂项

@@ -783,7 +783,7 @@ -
:-:-
name显式声明组件展示时的名称 #
inheritAttrs默认的组件 attribute 透传行为 #
components#
directives#
+
:-:-
name显式声明组件展示时的名称 #
inheritAttrs是否启用默认的组件 attribute 透传行为 #
components注册对当前组件实例可用的组件 #
directives注册对当前组件实例可用的指令 #

选项式 API - 渲染选项

@@ -806,7 +806,7 @@ -
:-:-
template#
render#
compilerOptions#
+
:-:-
template声明组件的字符串模板 #
render编程式地创建组件虚拟 DOM 树的函数 #
compilerOptions配置组件模板的运行时编译器选项 #

选项式 API - 组件实例

@@ -870,7 +870,7 @@ -
:-:-
$data#
$props#
$el#
$options#
$parent#
$root#
$slots#
$refs#
$attrs#
$watch()#
$emit()#
$forceUpdate()#
$nextTick()#
+
:-:-
$data观察的数据对象 #
$props组件已解析的 props 对象 #
$el实例管理的 DOM 根节点 #
$options实例的初始化选项 #
$parent父实例 #
$root当前组件树的根实例 #
$slots访问被插槽分发的内容 #
$refsDOM 元素和组件实例 #
$attrs包含了组件所有透传 attributes #
$watch()观察 Vue 实例上的一个表达式或者一个函数计算结果的变化 #
$emit()触发一个自定义事件 #
$forceUpdate()强制该组件重新渲染 #
$nextTick()回调延迟执行 #

选项式 API - 组合选项

@@ -897,7 +897,7 @@ -
:-:-
provide#
inject#
mixins#
extends#
+
:-:-
provide提供可以被后代组件注入的值 #
inject注入一个由祖先组件提供的值 #
mixins接收一个混入对象的数组 #
extends要继承的“基类”组件 #

内置内容 - 指令

@@ -969,7 +969,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#
+
:-:-
v-text更新元素的 textContent #
v-html更新元素的 innerHTML #
v-show切换元素的 display css 属性 #
v-if有条件地渲染元素 #
v-else#
v-else-if#
v-for多次渲染元素或模板块 #
v-on绑定事件监听器 #
v-bind动态地绑定一个或多个属性 #
v-model创建双向绑定 #
v-slot提供插槽或接收 props 的插槽 #
v-pre跳过元素和它的子元素编译过程 #
v-once只渲染元素和组件一次 #
v-memo (3.2+)缓存一个模板的子树 #
v-cloak保持在元素上直到实例结束编译 #

内置内容 - 组件

@@ -1000,7 +1000,7 @@ -
:-:-
<Transition>#
<TransitionGroup>#
<KeepAlive>#
<Teleport>#
<Suspense>#
+
:-:-
<Transition>单个元素/组件的过渡效果 #
<TransitionGroup>多个元素/组件的过渡效果 #
<KeepAlive>缓存包裹在其中的动态切换组件 #
<Teleport>将其插槽内容渲染到 DOM 中的另一个位置 #
<Suspense> (Experimental)协调对组件树中嵌套的异步依赖的处理 #

内置内容 - 特殊 Attributes

@@ -1023,7 +1023,7 @@ -
:-:-
key#
ref#
is#
+
:-:-
key用在 Vue 的虚拟 DOM 算法 #
ref元素或子组件注册引用信息 #
is绑定动态组件 #

内置内容 - 特殊元素

@@ -1042,7 +1042,7 @@ -
:-:-
<component>#
<slot>#
+
:-:-
<component>渲染一个“元组件”用于动态组件或元素 #
<slot>组件模板中的插槽内容出口 #

单文件组件 - 语法定义

@@ -1200,7 +1200,7 @@ -
:-:-
h()#
mergeProps()#
cloneVNode()#
isVNode()#
resolveComponent()#
resolveDirective()#
withDirectives()#
withModifiers()#
+
:-:-
h()创建虚拟 DOM 节点 #
mergeProps()合并多个 props 对象 #
cloneVNode()克隆一个 vnode #
isVNode()判断一个值是否为 vnode 类型 #
resolveComponent()按名称手动解析已注册的组件 #
resolveDirective()按名称手动解析已注册的指令 #
withDirectives()用于给 vnode 增加自定义指令 #
withModifiers()用于向事件处理函数添加内置 v-on 修饰符 #

进阶 API - 服务端渲染

@@ -1270,7 +1270,7 @@ -
:-:-
PropType<T>#
ComponentCustomProperties#
ComponentCustomOptions#
ComponentCustomProps#
CSSProperties#
+
:-:-
PropType<T>在用运行时 props 声明时给一个 prop 标注更复杂的类型定义 #
ComponentCustomProperties增强组件实例类型以支持自定义全局属性 #
ComponentCustomOptions扩展组件选项类型以支持自定义选项 #
ComponentCustomProps扩展全局可用的 TSX props #
CSSProperties扩展在样式属性绑定上允许的值的类型 #

进阶 API - 自定义渲染

@@ -1285,7 +1285,7 @@ -
:-:-
createRenderer()#
+
:-:-
createRenderer()创建一个自定义渲染器 #

另见