处理vue下scoped的问题

vue中style有时候需要加个scoped属性来防止在单页面下样式污染，但是这个也会出现一个新问题，就是有时候我们引用mint-ui或者element-ui的时候会出现写的样式不起作用，之前我都是在写一个没有scoped的style，但是这并不是一个好的处理方式，其实我们可以简单加个/deep/或>>>就可以解决这个问题

/deep/ 只能用在less或sass中使用

<style lang="less" scoped>
    /deep/.el-form{
        margin: 0 auto;
        width: 80%;
        height: 400px;
        /deep/.el-form-item{
            width:  80%;
        }
    }
</style>

>>> 只能在css中使用，less,sass都不可用，如下

<style scoped>
    >>>.image {
        height: 60px;
        width: 60px;
        background-color: #9B31EA;
    }
</style>

注意：scoped 属性必须添加，不然这两个方法不起作用