Vue3 导入外部资源

在 Vue 3 中使用组合式 API 时，导入外部 CSS 和 JavaScript 文件的方式可以略有不同于传统的选项式 API。以下是一些常见的方法来导入这些资源：

导入外部 CSS

1. 在组件中导入

如果你希望仅在某个组件中使用外部 CSS 文件，可以在该组件的 <script setup> 块中使用 import 语句来导入 CSS 文件：

<template>
  <div class="my-component">
    <!-- 组件内容 -->
  </div>
</template>

<script setup>
import './my-external-style.css';  // 导入 CSS 文件
</script>

<style scoped>
/* 组件的局部样式 */
</style>

在全局中导入

如果你想要在整个应用中使用外部 CSS 文件，可以在 main.js 或 main.ts 文件中导入它：</