Vue 3.0是一個新的版本，具有許多新功能和API。讓我們一起了解一下Vue 3.0中api的各種變化。

新的createApp()函數:

const app = Vue.createApp({
data() {
return {
count: 0
}
}
})

在Vue 2中，我們使用Vue()構造函數定義Vue實例，而在Vue 3中，我們使用createApp()函數。createApp()函數返回一個包含應用程序配置的對象。它還返回一個應用程序實例，我們可以用它來控制應用程序。

Composition API:

import { reactive, toRefs } from 'vue'
export default {
setup() {
const state = reactive({
count: 0,
message: 'Hello',
})
function increment() {
state.count++
}
return {
...toRefs(state),
increment,
}
}
}

在Vue 3中，composition API是一個新的功能。它提供了一種新的組件代碼組織方式。使用setup()函數從Vue組件中提取選項和響應式數據。

Teleport:

在Vue 3中，Teleport是一個新的功能。它允許我們通過將組件渲染到新位置來創建模態窗口。Teleport讓我們渲染組件到其他任何位置，這些位置由我們指定。