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。