本文目录一览：
- 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/n/241486.html
微信扫一扫 
支付宝扫一扫 