深度样式的

1.style为css时的写法如下

.a >>> .b {

}

/deep/的简写形式,适用于Vue2.x版本,Vue3.x版本使用会报错

2.style使用css的预处理器(less, sass, scss)的写法如下

第一种/deep/

/deep/ .a {

}

第二种::v-deep

::v-deep .a{

}

在vue-cli3编译时,/deep/的方式会报错或者警告,导致变异报错。这个时候用::v-deep。建议平时使用第二种方式,/deep/在某些时候会报错,::v-deep更保险并且编译速度更快

猜你喜欢

转载自blog.csdn.net/ANNENBERG/article/details/128640628
今日推荐