如何使用 Vue 3 的 `createApp` 方法来初始化应用？

作者：System 时间：2024年08月16日分类：所有,vue.js 字数：472

在 Vue 3 中，你可以使用 createApp 方法来初始化一个新的应用。这个方法接收一个根组件，并返回一个应用实例，你可以使用这个实例的 mount 方法来挂载应用到 DOM 上。

以下是一个简单的例子：




import { createApp } from 'vue';
import App from './App.vue'; // 假设这是你的根组件
 
const app = createApp(App);
 
// 挂载应用到 #app 元素上
app.mount('#app');

确保你的 HTML 文件中有一个元素与 #app 对应，例如：




<div id="app"></div>

这段代码创建了一个 Vue 应用实例，并将它挂载到页面上 id 为 app 的元素上。当你需要将应用挂载到另一个元素时，只需要将 .mount('#app') 中的选择器更改为对应元素的选择器即可。