vue引入公共css文件

html-css020

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

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

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

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

<a  v-bind:class="index==0?'current1':'current2'" >test</a>

上面代码 index请在data里面定义

这是个打包的问题。所有组件化都有这个问题。其实题主这个问题,我觉得按照页面级别打包比较好。毕竟用户进了页面a,不一定会进入页面b。按需加载啦。对于组建来说:组件颗粒度很小的时候,页面加载的角度来说整体引入css比较好。但是组建颗粒度不太小的时候,也可以把css加在js里。怎么爽怎么来。至于编出来的代码各种style标签,给浏览器看的代码,没有性能问题就好。es6不还要用babel编译成es5么,不也是各种用我表个态:我是css打在组建里的那一派。你看这个页面就有37个style。阿里旅行双11召唤页合并css派 @Saviio