vue样式表引入css,vue引入外部样式

vue引入公共css文件

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

龙马潭网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。成都创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

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

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

vue3点击之后加css样式

vue3点击之后加css样式在Vue3中可以再css标签中使用v-bind(***)来绑定一个属性控制它的样式,注意:【如果你的数据不是使用Vue3的 ref 或者 reactive使其变成响应...

在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 '路径名'