vue3+elementplus的main.js文件怎么写
时间: 2023-06-11 15:07:22 浏览: 123
在使用 Vue 3 和 Element Plus 的项目中,可以按照以下步骤编写 `main.js` 文件:
1. 引入 Vue 3 和 Element Plus 的相关依赖:
```javascript
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
```
2. 引入 App 组件:
```javascript
import App from './App.vue'
```
3. 创建 Vue 应用程序实例并挂载到 DOM 上:
```javascript
createApp(App).use(ElementPlus).mount('#app')
```
完整的 `main.js` 文件代码示例:
```javascript
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import App from './App.vue'
createApp(App).use(ElementPlus).mount('#app')
```
其中,`App.vue` 是 Vue 应用程序的根组件,`'#app'` 是将 Vue 应用程序挂载到 HTML 页面中的 DOM 元素的选择器。
阅读全文