引言
当我们在使用Vue.js开发前端页面的时候，经常需要通过CSS对网页进行美化，既可以使用内联样式也可以外链形式；今天我们就来探讨一下Vue中CSS外链的话题。
什么是CSS外链？
CSS外链是指将CSS代码写在外部的CSS文件中，然后通过外部链接将整个CSS文件引用到HTML文件中；优点是样式复用性高，同时也方便管理。
在Vue中如何进行CSS外链？
在Vue.js中进行CSS外链相对比较简单，你可以在自己的Vue组件中使用link标签来进行CSS的外链。
<template>
<div>
<link rel=\"stylesheet\" href=\"./css/style.css\">
<p>Vue中的CSS外链</p>
</div>
</template>
外链CSS文件与在组件内写内联CSS相比，有何优劣？
这个问题相信大家都会遇到，实际上两者各有优缺点，我们来具体地分析一下。
- 优点：外链CSS文件可以方便的进行样式复用、管理和维护；同时CSS文件可以使用http请求资源缓存，有利于我们优化网页性能。
- 缺点：CSS文件需要进行网络请求，会对加载速度造成一定的影响；同时也不太方便管理和定位，当项目比较大的时候，很容易失去了视觉化的管理效果。
如何正确的引用外部css文件？
我们知道在引用外部的CSS文件时，需要引用正确的文件路径，以渲染所需的样式。我们可以采用以下方法来确保引用正确：
- 使用绝对路径，可以避免由于路径问题而找不到对应的CSS文件。
- 使用相对路径，可以方便夹杂在HTML文件所在的同一个文件夹下的css
- 使用CDN，此时我们所渲染的样式来自于CDN上的资源，并不是通过自己的服务器进行托管。
结论
通过以上的探讨，我们可以了解到Vue中CSS外链是一件很方便的事情，但使用时也需要注意CSS文件的引用方式和CSS样式的定位，以避免出现不必要的错误。我们相信在掌握了这一点之后，你的开发效率将得到很大提高。
