vue在mianjs实现方法

Vue 在 main.js 中的实现方法

初始化 Vue 应用

在 main.js 中，通常通过 createApp 方法创建 Vue 应用实例。需要从 vue 包中导入 createApp 和根组件（如 App.vue）。

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

注册全局组件或插件

通过 app.use() 方法注册插件（如 Vue Router 或 Pinia），或通过 app.component() 注册全局组件。

import router from './router'
import store from './store'

app.use(router)
app.use(store)

// 注册全局组件
app.component('GlobalComponent', GlobalComponent)

挂载到 DOM

调用 app.mount() 方法将应用挂载到指定的 DOM 元素（通常为 #app）。

app.mount('#app')

全局配置

可以在 main.js 中设置全局配置，例如通过 app.config 修改错误处理器或全局属性。

app.config.errorHandler = (err) => {
  console.error(err)
}

app.config.globalProperties.$myGlobalFunction = () => {
  // 全局方法
}

完整示例

以下是 main.js 的典型实现示例：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

const app = createApp(App)

app.use(router)
app.use(store)

app.mount('#app')