在vue中引入外部css链接

1. 在vue组件中使用import引入外部css文件：

在需要使用外部css文件的vue组件中，使用import语句将外部css文件引入：

import '@/assets/css/external.css'

这里的`@`表示项目根目录，`assets/css/external.css`是外部css文件的路径。

2. 在vue组件中使用link标签引入外部css文件：

在vue组件的`<template>`标签中使用link标签将外部css文件引入：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<style>
  @import url('https://fonts.googleapis.com/css?family=Roboto');
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">

这里的`@import`语句用于引入谷歌字体库中的一种字体，`<link>`标签用于引入animate.css库中的样式文件。注意，`<style>`标签中的@import语句也可以引入外部css文件。