vue的样式穿透

1、为什么会需要样式穿透？

        首先认识一个关键字，scoped，在style标签中加入scoped关键字，则标识该标签内的样式在本页面内起作用，但是由于其他的不加入该关键字的样式在其他的页面加载后，就会对本页面影响，导致本页面的样式失效，所以需要样式穿透来保证本页面的样式在本页面起作用。

2.样式穿透是什么？

        通过在样式中加入/deep/或::v-dep来保证样式起作用

a.  /deep/

在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错

/deep/ .el-input {
    width: 60px;
}

b. ::v-deep

在vue3.0及后使用，替代/deep/

::v-deep .el-input {
    width: 60px;
}