Vue 3.0 应用API

vicky.yu

在 Vue 3 中，改变全局 Vue 行为的 API 现在被移动到了由新的 createApp 方法所创建的应用实例上。此外，现在它们的影响仅限于该特定应用实例：

import { createApp } from 'vue'
const app = createApp({})
调用 createApp 返回一个应用实例。该实例提供了一个应用上下文。应用实例挂载的整个组件树共享相同的上下文，该上下文提供了之前在 Vue 2.x 中“全局”的配置。

另外，由于 createApp 方法返回应用实例本身，因此可以在其后链式调用其它方法，这些方法可以在以下部分中找到。

#component
参数：
{string} name
{Function | Object} [definition]
返回值：
如果传入 definition 参数，返回应用实例。
如果不传入 definition 参数，返回组件定义。
用法：
注册或检索全局组件。注册还会使用给定的 name 参数自动设置组件的 name。

示例：
import { createApp } from 'vue'
const app = createApp({})
// 注册一个名为my-component的组件
app.component('my-component', {
  /* ... */
})
// 检索注册的组件(始终返回构造函数)
const MyComponent = app.component('my-component', {})
参考：组件基础
#config
用法：
包含应用配置的对象。

示例：
import { createApp } from 'vue'
const app = createApp({})
app.config = {...}
参考：应用配置