vue createapp

作者：飞吻狂魔发布日期:2025-06-06 浏览:32

// 使用 Vue 3 创建一个应用实例的示例代码

// 引入 Vue 库
import { createApp } from 'vue';

// 定义一个简单的 Vue 组件
const App = {
  template: `<div>
                <h1>Hello, Vue 3!</h1>
                <p>This is a simple Vue 3 application.</p>
             </div>`
};

// 创建 Vue 应用实例并挂载到 DOM 元素上
const app = createApp(App);

// 挂载应用到具有 id="app" 的 DOM 元素上
app.mount('#app');

解释说明：

引入 Vue 库：通过 import { createApp } from 'vue'; 引入 Vue 3 的 createApp 函数。
定义组件：创建一个名为 App 的简单 Vue 组件，它包含一些 HTML 模板代码。
创建应用实例：使用 createApp(App) 创建一个新的 Vue 应用实例。
挂载应用：使用 app.mount('#app') 将应用实例挂载到页面中具有 id="app" 的 DOM 元素上。

确保你的 HTML 文件中有如下元素：

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

上一篇：vue addeventlistener

下一篇：vue 动态绑定class