Vue3: 全局API(通用)

通用API

version

暴露当前所使用的 Vue 版本,类型string

import { version } from 'vue'
console.log(version)

nextTick

等待下一次 DOM 更新刷新的工具方法,类型function
当你在 Vue 中更改响应式状态时,最终的 DOM 更新并不是同步生效的,而是由 Vue 将它们缓存在一个队列中,直到下一个“tick”才一起执行。这样是为了确保每个组件无论发生多少状态改变,都仅执行一次更新。
nextTick() 可以在状态改变后立即使用,以等待 DOM 更新完成。你可以传递一个回调函数作为参数,或者 await 返回的 Promise。
在Vue使用组件时,对于组件数据的更改不会立即反应在DOM中,因为Vue是异步更新DOM的。所以需要使用nextTick()或者$nextTick()函数来更新DOM。
nextTick()的主要用法是在下次DOM更新循环结束之后执行延迟回调。所以在修改数据之后立即使用这个方法,可以获取更新后的Dom。

import { ref, nextTick } from 'vue'
const count = ref(0);
// 修改数据
count.value = 3;
// DOM 还没有更新
nextTick(()=>{
  // DOM 更新了
})

defineComponent

定义一个组件,内部可以传入一个配置对象

import { defineComponent } from 'vue';
// 暴露出去一个定义好的组件
export default defineComponent({
  name: 'App',
  setup() {
   const number =10
     return {
       number
     }
  }
})
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值