vue引入公共css文件

html-css013

vue引入公共css文件,第1张

如图是一个常见的vue文件结构

在app.html 或者*.vue中引入css,如下所示:

在 app.html引入css对阵个页面都生效,在vue文件中引入,只对改vue生成的页面有效

在所有需要该公用css的html页面的<head></head>中的任意位置加入<link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" />,注意css的路径。

例如:

style.css 在 css文件夹里,html文件和css文件夹在同一目录下

<link href="./style.css" rel="stylesheet" type="text/css" />