Vue3 API函数及功能

简介: Vue3 API函数及功能

比如从import { reactive, computed } from 'vue'可以看到,我们常用的API可以有:reactive、computed,那么,你知道vue模块到底有多少API?事实上它的API还真的不少,高达113个。

你应当首先关注单文件组件开发下如何使用这些API。


https://v3.cn.vuejs.org/guide/composition-api-setup.html


https://composition-api.vuejs.org/zh/#api-介绍

方法/属性

一句话介绍

BaseTransition

Comment

Fragment

KeepAlive

Static

Suspense

Teleport

传送到页面其他位置

Text

Transition

TransitionGroup

callWithAsyncErrorHandling

callWithErrorHandling

camelize

capitalize

cloneVNode

compile$1 as compile

computed$1 as computed

计算属性

createApp

调用 createApp 返回一个应用实例

createBlock

createCommentVNode

createHydrationRenderer

createRenderer

createSSRApp

createSlots

createStaticVNode

createTextVNode

createVNode

customRef

创建自定义的 ref

defineAsyncComponent

defineComponent

专用于ts的export default defineComponent({})

defineEmit

defineProps

接收props

devtools

getCurrentInstance

获取当前实例

getTransitionRawChildren

h

返回一个”虚拟节点“,通常缩写为 VNode

handleError

hydrate

initCustomFormatter

inject

接收子孙组件的数据

isProxy

检查对象是否是由 reactive

readonly

创建的 proxy。

isReactive

检查对象是否是 reactive

创建的响应式 proxy。

isReadonly

检查对象是否是由readonly

创建的只读 proxy。

isRef

检查一个对象是否是Ref对象。

isVNode

markRaw

标记一个对象,使其永远不能转换为 proxy。

mergeProps

nextTick

同Vue 2

onActivated

生命周期钩子

onBeforeMount

生命周期钩子

onBeforeUnmount

生命周期钩子

onBeforeUpdate

生命周期钩子

onDeactivated

生命周期钩子

onErrorCaptured

捕捉子孙组件的错误

onMounted

生命周期钩子

onRenderTracked

onRenderTriggered

onUnmounted

生命周期钩子

onUpdated

生命周期钩子

openBlock

popScopeId

provide

向子孙组件提供数据

proxyRefs

pushScopeId

queuePostFlushCb

reactive

等价于 2.x 中的 Vue.observable() API

readonly

只读 proxy

ref

接受一个内部值并返回一个响应式且可变的 ref 对象

registerRuntimeCompiler

render

renderList

renderSlot

resolveComponent

resolveDirective

resolveDynamicComponent

resolveTransitionHooks

setBlockTracking

setDevtoolsHook

setTransitionHooks

shallowReactive

创建一个表层响应式

shallowReadonly

创建一个只读响应式

shallowRef

创建一个表层响应式ref

ssrContextKey

ssrUtils

toDisplayString

toHandlerKey

toHandlers

toRaw

返回 reactive

readonly

proxy 的原始对象

toRef

只操作一个对象的属性值

toRefs

toRef的批量版

transformVNodeArgs

triggerRef

手动执行与 shallowRef 关联的任何效果

unref

ref的反操作,将Ref对象还原成基础数据

useContext

在setup函数中使用,获取上下文

useCssModule

useCssVars

useSSRContext

useTransitionState

vModelCheckbox

vModelDynamic

vModelRadio

vModelSelect

vModelText

vShow

version

warn

watch

监听器

watchEffect

监听器

withCtx

withDirectives

withKeys

withModifiers

withScopeId

相关文章
|
4天前
|
存储 缓存 安全
API在Visual Basic中的应用:连接外部服务与扩展功能
【4月更文挑战第27天】本文探讨了在Visual Basic中使用API连接外部服务和扩展功能的方法,涵盖了API的基本概念、种类及如何使用本地和Web API。通过DllImport调用本地API,利用HttpClient和WebClient与Web API交互,同时强调了第三方API的使用和SOA架构中的API角色。安全性、性能优化和错误处理是实践中的关键点。案例研究和最佳实践有助于开发者更有效地利用API,提升Visual Basic应用程序的功能和灵活性。随着API技术的发展,Visual Basic将持续支持开发者创造更强大的应用。
|
3天前
|
JavaScript 架构师 API
Vue 3.x全面升级指南:Composition API深度探索
Vue 3.x 的全面升级引入了 Composition API,这是对 Vue 2.x 传统 Options API 的一个重大改进,它提供了更加灵活和模块化的代码组织方式.
9 0
Qt 窗口常用位置API函数 & 绘图原理 & 双缓冲机制 总结
Qt 窗口常用位置API函数 & 绘图原理 & 双缓冲机制 总结
|
4天前
|
JavaScript API 开发者
Vue3有哪些常用的API
Vue3有哪些常用的API
13 1
|
4天前
|
SQL 数据管理 API
数据管理DMS产品使用合集之阿里云DMS提供API接口来进行数据导出功能吗
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
|
4天前
|
JavaScript 前端开发 API
Vue3 组合式 API
Vue3 组合式 API
|
4天前
|
机器学习/深度学习 前端开发 API
实现以图搜货功能,淘宝API开发实战分享
实现以图搜货功能,淘宝API开发实战分享
33 0
|
2天前
|
监控 安全 数据挖掘
Email 接口API有哪些?具体分析一下阿里云和AOK的优点
本文介绍了常见的Email接口API,如阿里云邮件推送、AOKSend、SendGrid、Mailgun和Amazon SES。阿里云API以其高稳定性和数据分析功能脱颖而出,支持批量发送和多语言;而AOKSend API以易于集成、高安全性和优秀客户支持为亮点。企业在选择时应考虑自身需求和预算,以优化邮件营销效果。
|
2天前
|
定位技术 API
Angular 调用导入百度地图API接口,2024春招BAT面试真题详解
Angular 调用导入百度地图API接口,2024春招BAT面试真题详解
|
3天前
|
JSON 安全 API
解锁淘宝商品评论API接口:电商数据分析的新视角
淘宝商品评论API接口是淘宝开放平台提供的一组API接口,允许开发者通过编程方式获取淘宝商品评论数据。这些接口可以获取到商品的详细信息、用户评论、评分等数据,为电商数据分析提供了丰富的素材。

热门文章

最新文章