本文目錄一覽：
- 1、Vue怎麼局部引入css
- 2、為什麼在vue的main.js中引入css或者報錯，不引入沒問題
- 3、vue.js怎麼引入material.css之類的ui庫
- 4、在vue下面創建新頁面並引入樣式（圖文講解）
Vue怎麼局部引入css
vue只是一個js框架，和你引用css沒有太大的關係，和普通的js一樣的處理方式就好。
例如你可以新建一個link標籤，然後插入到head標籤下之類的。
為什麼在vue的main.js中引入css或者報錯，不引入沒問題
這種情況很簡單,動態添加進去的tr不能應用js和css,在tr添加進頁面後,再調用一下$(“tr”).addClass(“樣式名”);重新給他添加一下樣式即可.至於js的話,在綁定事件的時候用:$(“tr”).live(funtion(){})這樣就可以了.
vue.js怎麼引入material.css之類的ui庫
vue.js引入material.css之類的ui庫
用vue-cli創建以webpack為模版的項目，npm install material-css，然後怎麼配置才可以使用呢
看你需求了，
第一種全局引入，在main.js中寫路徑import ‘../css/xxx.css’;
第二種組件中引入，在組件中的style標籤寫@import ‘../css/xxx.css’;
如果只是純css的話，直接在main.js裡面
import ‘XXX.css’
應該就可以了吧
沒用過你說的material-css，不過github的readme應該有講npm之後要怎樣用吧？
通常要麼是全局引用，在根組件require並vue.use；要麼是支持局部引用，在需要的組件里require，在components裡面聲明。
CMD
require(‘!style!css!material-css/material-css.css’);
如果是在全局都使用的話可以在index.html中引入這個文件，如果是在組件中使用，可以用import xx.css
在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 ‘路徑名’
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/241486.html
微信掃一掃 
支付寶掃一掃 