Vue3 中如何通过 main.js 引入外部样式表

在 Vue3 中，可以使用createApp函数来创建 Vue 应用程序实例，然后在main.js中引入外部样式表文件，如下所示：

import { createApp } from 'vue'
import App from './App.vue'
import './assets/styles.css'

const app = createApp(App)

App.mount('#app')

在上面的代码中，我们首先从 Vue 中导入createApp函数，并从./App.vue文件中导入 Vue 组件。然后，在import语句后面，我们使用相对路径引入外部样式表文件./assets/styles.css。最后，我们使用createApp函数创建 Vue 应用程序实例，并将其挂载到 id 为#app的 HTML 元素上。

需要注意的是，由于scoped属性的限制，外部样式表文件中定义的样式只能在当前组件中生效，无法影响到其他组件。如果需要在多个组件中共享样式，可以考虑使用全局样式表或 CSS 模块化等技术。