vue2的createApp方法解析
时间: 2024-01-18 10:05:07 浏览: 27
`createApp` 是 Vue 3 中的 API,Vue 2 中没有该方法。Vue 2 中可以使用 `new Vue()` 创建根实例,或使用 `Vue.extend()` 创建组件构造器。
在 Vue 3 中,`createApp` 方法是用于创建 Vue 应用实例的工厂函数,它接收一个根组件选项对象作为参数,并返回一个应用实例对象。
通常使用 `createApp` 的方式如下:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.mount('#app')
```
这里使用 `createApp` 创建了一个 Vue 应用实例对象 `app`,并将其挂载到 id 为 `app` 的元素上。其中,`App` 是根组件。
`createApp` 方法的主要作用是:
1. 创建一个 Vue 应用实例对象,该对象继承了 Vue 3 的核心 API,例如 `component`、`directive`、`mixin`、`use` 等。
2. 注册全局组件、指令、混入等。
3. 提供了一个 `mount` 方法,用于将 Vue 应用实例对象挂载到指定的元素上。
4. 提供了一些应用实例对象的钩子函数,例如 `created`、`mounted` 等,用于在应用实例对象创建、挂载后执行相应的操作。
总之,`createApp` 是 Vue 3 中用于创建应用实例对象的工厂函数,其作用类似于 Vue 2 中的 `new Vue()`。