| :- | :- |
|---|---|
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 | 定义自定义组件选项的合并策略的对象 # |
| :- | :- |
|---|---|
isRef() | # |
unref() | # |
toRef() | # |
toRefs() | # |
isProxy() | # |
isReactive() | # |
isReadonly() | # |
| :- | :- |
|---|---|
isRef() | 判断是否为 ref # |
unref() | 是 ref，返回内部值，否则返回参数本身 # |
toRef() | 创建一个属性对应的 ref # |
toRefs() | 将对象上的每一个可枚举属性转换为 ref # |
isProxy() | 检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理 # |
isReactive() | 检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。 # |
isReadonly() | 检查传入的值是否为只读对象 # |
| :- | :- |
|---|---|
ref() | # |
computed () | # |
reactive() | # |
readonly() | # |
watchEffect() | # |
watchPostEffect() | # |
watchSyncEffect() | # |
watch() | # |
| :- | :- |
|---|---|
ref() | 返回一个 ref 对象 # |
computed () | 定义一个计算属性 # |
reactive() | 返回一个对象的响应式代理 # |
readonly() | 返回一个原值的只读代理 # |
watchEffect() | 立即运行一个函数，同时监听 # |
watchPostEffect() | watchEffect() 使用 flush: 'post' 选项时的别名。 # |
watchSyncEffect() | watchEffect() 使用 flush: 'sync' 选项时的别名。 # |
watch() | 侦听一个或多个响应式数据源 # |
| :- | :- |
|---|---|
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 | 若组件实例是 |
deactivated | 若组件实例是 |
serverPrefetch SSR only | 组件实例在服务器上被渲染之前调用 # |
| :- | :- |
|---|---|
$data | # |
$props | # |
$el | # |
$options | # |
$parent | # |
$root | # |
$slots | # |
$refs | # |
$attrs | # |
$watch() | # |
$emit() | # |
$forceUpdate() | # |
$nextTick() | # |
| :- | :- |
|---|---|
$data | 观察的数据对象 # |
$props | 组件已解析的 props 对象 # |
$el | 实例管理的 DOM 根节点 # |
$options | 实例的初始化选项 # |
$parent | 父实例 # |
$root | 当前组件树的根实例 # |
$slots | 访问被插槽分发的内容 # |
$refs | DOM 元素和组件实例 # |
$attrs | 包含了组件所有透传 attributes # |
$watch() | 观察 Vue 实例上的一个表达式或者一个函数计算结果的变化 # |
$emit() | 触发一个自定义事件 # |
$forceUpdate() | 强制该组件重新渲染 # |
$nextTick() | 回调延迟执行 # |
| :- | :- |
|---|---|
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 | 保持在元素上直到实例结束编译 # |
| :- | :- |
|---|---|
h() | # |
mergeProps() | # |
cloneVNode() | # |
isVNode() | # |
resolveComponent() | # |
resolveDirective() | # |
withDirectives() | # |
withModifiers() | # |
| :- | :- |
|---|---|
h() | 创建虚拟 DOM 节点 # |
mergeProps() | 合并多个 props 对象 # |
cloneVNode() | 克隆一个 vnode # |
isVNode() | 判断一个值是否为 vnode 类型 # |
resolveComponent() | 按名称手动解析已注册的组件 # |
resolveDirective() | 按名称手动解析已注册的指令 # |
withDirectives() | 用于给 vnode 增加自定义指令 # |
withModifiers() | 用于向事件处理函数添加内置 v-on 修饰符 # |
| :- | :- |
|---|---|
PropType<T> | # |
ComponentCustomProperties | # |
ComponentCustomOptions | # |
ComponentCustomProps | # |
CSSProperties | # |
| :- | :- |
|---|---|
PropType<T> | 在用运行时 props 声明时给一个 prop 标注更复杂的类型定义 # |
ComponentCustomProperties | 增强组件实例类型以支持自定义全局属性 # |
ComponentCustomOptions | 扩展组件选项类型以支持自定义选项 # |
ComponentCustomProps | 扩展全局可用的 TSX props # |
CSSProperties | 扩展在样式属性绑定上允许的值的类型 # |