vue3.0 深度选择器＞＞＞ 和 /deep/ 和 ::v-deep css穿刺写法被弃用

之前我们vue2.0写法是这样的

::v-deep .vxe-body--row td:hover {
  background-color: rgb(224, 226, 190);
}

但是这样的写法到3.0就还不生效且报错，可能是3.0去掉了这种css穿刺的写法

后来试了这样一个方法，直接就可以了，代码如下：

// 给td增加hover颜色
:deep(.vxe-body--row td:hover) {
  background-color: rgb(224, 226, 190);
}

这样直接就可以了