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
     }
  }
})