createApp 用来创建 vue 应用实例( )。
时间: 2024-09-29 18:13:42 浏览: 31
vue简单项目实例(router方式)
`createApp()` 是 Vue 3 引入的一个新特性,它是一个轻量级的应用构建工具,用于更简洁地创建、配置和管理 Vue 应用实例。相比传统的全局注册方式,`createApp` 提供了更好的模块化支持,使得应用结构更加清晰,并允许在运行时动态修改应用的行为。
使用 `createApp` 创建 Vue 实例的基本步骤如下:
1. 首先导入 `vue` 或 `@vue/app` 包:
```javascript
import { createApp } from 'vue';
```
2. 然后创建一个新的应用程序实例:
```javascript
const app = createApp(App);
```
这里的 `App` 是你的主组件或者根组件。
3. 可以在 `app` 上添加插件、设置选项、挂载到 DOM 元素:
```javascript
app.use(VueRouter); // 如果使用路由
app.config.globalProperties.$axios = axios; // 注册全局方法
app.mount('#app'); // 将应用挂载到 id 为 'app' 的元素上
```
4. 动态添加组件或者配置可以放在回调函数里:
```javascript
app.component('MyComponent', MyComponent);
```
`createApp` 是 Vue 3 新架构的核心,它鼓励组件化开发和单文件组件(SFC),提高了应用的灵活性和可维护性。
阅读全文