vue3中的style scoped外部引入怎么写

在 Vue3 中，使用外部引入的样式文件需要在组件中使用 import 语句，然后在 style 标签中使用 src 属性指定样式文件路径。

例如，有一个名为 MyComponent.vue 的组件，需要引入一个名为 styles.css 的样式文件。可以按照以下步骤操作：

1. 在 MyComponent.vue 中使用 import 引入样式文件：

<template>
  <!-- 组件模板 -->
</template>

<script>
  // 组件逻辑
</script>

<style scoped src="./styles.css"></style>

2. 在 style 标签中使用 src 属性指定样式文件路径，注意要添加 scoped 属性以确保样式只作用于当前组件。

这样就可以在 Vue3 中使用外部引入的样式文件了。