vue如何引入外部地址

在Vue项目中引入外部地址有多种方法，取决于你需要引入的内容是CSS、JavaScript库还是其他资源。1、使用HTML文件中的 <link> 标签引入CSS文件；2、使用HTML文件中的 <script> 标签引入JavaScript文件；3、在Vue组件中使用 import 语句引入外部模块。这些方法可以帮助你在Vue项目中灵活地引入外部资源，确保项目的功能和样式需求得到满足。

一、使用HTML文件中的 `` 标签引入CSS文件

在Vue项目的 public/index.html 文件中，可以通过 <link> 标签引入外部CSS文件。这种方法适用于引入全局样式。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vue App</title>
    <!-- 引入外部CSS文件 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>