前端 UI 样式：01Vue.js组件样式属性 scoped 问题及解决方法

　　问题一：.vue组件的scoped属性的作用

　　当

　　你可以在一个组件中同时使用有 scoped 和 非scoped 样式：

　　

　　/* 全局样式 */

　　

　　

　　/* 本地样式 */

　　

　　注意：但有时在 vue-cli 中引入 UI库 后，修改UI库一些样式，可能不生效。

　　问题二：如何让CSS只在当前组件中起作用？【建议】

　　可在 vue 组件中，引入 css 预处理器，在最外层div容器里，加上一个最外层 class，这样不用 scoped 属性，即可让 css 只在当前组件中起作用。

　　

　　

　　

　　

　　

　　export default{

　　data ( ) {

　　return {

　　index:0

　　}

　　},

　　mounted ( ) {

　　},

　　components : {

　　},

　　methods : {

　　}

　　}

　　

　　

　　monPageWrap{

　　}

　　

　　vue中集成的UI组件库：见常见UI组件库