vue3中的api怎么使用

Vue3中的API与Vue2有些不同，以下是一些常用的Vue3 API的使用方法：

1. `createApp`: 用于创建Vue实例，接收一个根组件作为参数。

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
app.mount('#app')

2. `ref`: 用于创建响应式数据，可以在模板和JSX中使用。

import { ref } from 'vue'

const count = ref(0)
console.log(count.value) // 0
count.value++
console.log(count.value) // 1

3. `computed`: 用于创建计算属性，可以在模板和JSX中使用。

import { computed } from 'vue'

const count = ref(0)
const doubleCount = computed(() => count.value * 2)
console.log(doubleCount.value) // 0
count.value++
console.log(doubleCount.value) // 2

4. `watch`: 用于监听数据的变化。

import { watch } from 'vue'

const count = ref(0)
watch(count, (newVal, oldVal) => {
  console.log(`count changed from ${oldVal} to ${newVal}`)
})
count.value++ // count changed from 0 to 1

5. `onMounted`: 用于在组件挂载后执行一些操作。

import { onMounted } from 'vue'

onMounted(() => {
  console.log('mounted')
})

6. `onUnmounted`: 用于在组件卸载前执行一些操作。

import { onUnmounted } from 'vue'

onUnmounted(() => {
  console.log('unmounted')
})

7. `watchEffect`: 用于监听响应式数据的变化并执行一些操作。

import { watchEffect } from 'vue'

const count = ref(0)
watchEffect(() => {
  console.log(`count is ${count.value}`)
})
count.value++ // count is 1

以上是一些常用的Vue3 API的使用方法，更多API可以查看官方文档。