vue引入公共css文件

html-css015

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

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

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

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

1.在components下面新建一个grid.vue的文件，在文件里放入内容

2.在css里新建一个grid.css文件，把grid.vue需要的样式放进来

3.在router里的index.js里import，import  文件名 from 文件存放的路径；并在routes下面写好路由

4.在main.js里引入grid.css的样式，import '路径名'