【Vue3+ElementPlus】CSS 样式不生效的原因

在 Element Plus 官网的指南页面有很多好看的例子，代码可以现成 Copy 使用，但是在本地会发现样式完全不生效；即便是自己用组件手撸的也没有像样的效果。这是因为没有导入 element plus 的 CSS 默认样式文件。

在 main.js 导入 element-plus 模块和 CSS 样式文件：

import { createApp } from 'vue'

import App from './App.vue'
import ElementPlus from 'element-plus'

// 引入 Element Plus 默认样式文件
import 'element-plus/theme-chalk/index.css'

const app = createApp(App)
// 注册组件
app.use(ElementPlus, 
        VueAxios, 
        axios)
app.mount('#app')