createApp创建vue实力
时间: 2023-07-10 18:32:02 浏览: 110
`createApp` 是 Vue 3.x 中用于创建 Vue 实例的函数,它返回一个包含了 Vue 实例和其他相关配置的应用程序对象。
使用 `createApp` 创建 Vue 实例的流程如下:
1. 导入 `createApp` 函数
```javascript
import { createApp } from 'vue'
```
2. 创建 Vue 实例
```javascript
const app = createApp({
// options
})
```
在 `createApp` 函数中,我们可以传入一个包含了选项的对象,用于配置 Vue 实例的各种属性和方法,例如 `data`、`methods`、`computed` 等。
3. 调用实例方法
```javascript
app.mount('#app')
```
在实例对象上,我们可以调用各种方法来操作 Vue 实例,例如 `mount` 方法用于将 Vue 实例挂载到指定的 DOM 元素上。
完整的示例代码如下:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.mount('#app')
```
在上面的代码中,我们先导入了 `createApp` 函数和 `App` 组件,然后通过 `createApp` 函数创建了一个 Vue 实例 `app`,最后将 `app` 实例挂载到了 id 为 `app` 的 DOM 元素上,这样就完成了 Vue 应用的初始化过程。
总的来说,`createApp` 函数是 Vue 3.x 中创建 Vue 实例的标准方式,它更加直观和灵活,可以帮助开发者更好地管理和维护 Vue 应用。
阅读全文