vue启动

作者：躲藏我的霸气发布日期:2025-02-10 浏览:119

// Vue 3 的启动代码示例

// 引入 Vue 和 Vue Router（如果需要路由功能）
import { createApp } from 'vue';
import App from './App.vue';
import router from './router'; // 如果你使用了 Vue Router

// 创建 Vue 应用实例
const app = createApp(App);

// 使用 Vue Router（如果你有路由配置）
app.use(router);

// 挂载应用到 DOM 中的 #app 元素上
app.mount('#app');

// 解释说明：
// 1. `createApp(App)`：创建一个 Vue 应用实例，传入根组件 `App.vue`。
// 2. `app.use(router)`：如果项目中使用了 Vue Router，可以通过 `use` 方法将路由注册到应用中。
// 3. `app.mount('#app')`：将 Vue 应用挂载到 HTML 页面中具有 `id="app"` 的元素上，使 Vue 可以控制该元素及其子元素。

上一篇：vue const

下一篇：vue watch深度监听