1. 如何在css文件中引入css文件
@import
url（style.css）css的路径要和本来css路径一致，如果不是在同一目录下，那么就在url后面写入相应的路径了
2. 如何在Vue中有条件地使用CSS类
<av-bind:class="index==0?'current1':'current2'">test</a>
上面代码 index请在data里面定义
3. vue组件css的最佳处理方式是什么合并为css文件还是按需组件引入
Vue css过渡的基本语法
<div v-if="show" :transition="expand">hello</div>
然后为 .expand-transition, .expand-enter 和 .expand-leave 添加 CSS
/* 必需 */
.expand-transition {
transition: all .3s ease;
height: 30px;
padding: 10px;
background-color: #eee;
overflow: hidden;
}
4. vue的css里面怎么引用public文件夹里面的图片呢
可以用"@"指向src目录，再找到public目录。
也可以在发布的时候直接使用根目录的结构，即使用"/"作为根目录，然后按路径找到public目录。
5. webpack vue怎么引用css
按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个. CSS规则的前面；@import规则条件规则组中。
6. vue-cli 里面建立的.vue文件的style部分 引用根目录怎么整
首先来，在写Vue的时候，应该采用懒源加载模式，之后生成的包，就会被打入到不同分组的js，运行时按需加载，详情见：Vue-路由懒加载；这个意义重大！其次，可利用，webpack.DllReferencePluginwebpack.DllReferencePlugin将常用不怎么变更的文件，打入一个统一的文件，外链使用。这个主要作用也可用来缩小包构建的时间；这个网上教程蛮多，就不赘述。也可参见这个项目jade-blog来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。再次，可以利用webpack-bundle-analyzer可以分析打包后生成的文件结构，十分牛掰（最新Vue-cli带有此配置）；在package.json中配置如下命令npmrunanalyz，运行即可查看之："analyz":"NODE_ENV=proctionnpm_config_report=truenpmrunbuild"
7. 通过vue如何引入公共css文件
main.js中
import'@/assets/commen.css'
8. vue文件中怎么引入mole中的css文件
按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个.
CSS规则的前面；@import规则条件规则组中。
@import url;
@import url list-of-media-queries;
9. Vue如何引入外链css和js
直接在主页面里面引入就行，但要注意class名和ID名不要出现重复，因为Vue是单页面，就是把所有组件都添加到主页面上进行显示的，所以引入的路径也要写关于主页面的相对路径
10. 引用外部css文件有几种写法
目前有两种来引用方式，一源种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：
第一种：link引用
<linkrel="stylesheet"href="/css/mycss.css"/>
第二种：@import引用
<styletype="text/css">
@importurl（/css/mycss.css）
</style
link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。
import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。
本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。