在项目中使用element组件库
- 引入组件库样式的代码要放在引入路由的前面
- 安装element组件库并加载样式
import Vue from 'vue'
import ElementUI from 'element-ui''
Vue.use(ElementUI)
import 'element-ui/lib/theme-chalk/index.css
- 引入路由
import router from './router'
- 因为vue-cli会将按照顺序将所有文件打包到一个文件,引入的顺序会影响打包的顺序
- 同时也要给每个单文件组件加 scoped 防止组件间样式作用域污染
- 如果在自定义组件中需要修改引入的组件,可以使用 <<< 和 /deep/ 深度选择器
- vue 中一个单文件组件可以有多个style标签,也可以使用此方法达到改变组件样式的目的