本文目录一览:
- 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 '路径名'