vue引入公共css文件

html-css017

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" />

1,对于服务器单项目或是多项目共用的js或是css文件来说,可以直接放到/Public目录,在模板使用类似__PUBLIC__/js/common.js 路径调用.2,对于多项目,项目之间不进行共用的js和css文件,可以放置到 项目目录/Public 下,这个时候需要在项目config.php下添加一个模板解析,指向该路径.不建议这么做,因为这样意义不大.3,在 项目目录/Tpl/对应主题(默认default)/ 下建立一个Public目录,将项目的js和css放置到这里,如果项目进行了分组,可以在 该Public目录下js目录和css目录下进行分组,这样文件路径比较清晰. 在模板里 使用类似 ../Public/js/common.js 或是 ../Public/js/分组目录/common.js 引用文件 我使用tp开发,一直使用第三种.