vue引入公共css文件

html-css08

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

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

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

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

如果你不使用其他语言,就html是没有你说的办法,只有一条一条引用.

如果你会使用PHP,就使用PHP

例子:

<link rel="shortcut icon" href="1.ico" />

<link rel="stylesheet" type="text/css" href="styles/1/basic.css" />

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

这三个css链接直接都保存在一个title.css.php文件里面,就html的格式保存进去就行

然后每个页面想调用的时候就,在html的</head>上面加下面的代码:

<?php

require 'title.css.php' //当然,这个文件就放在和你的html同一个文件夹下才是这个路径.

?>

这样既可,就等于引入了三个css文件了.