::v-deep作用

::v-deep是Vue中的一个样式穿透选择器，它的作用是可以选择组件内部的标签，即使这些标签没有被添加data-v-hash属性。正常情况下，当给样式添加了scope后，只能选择当前页面标签或者组件的根标签。但是如果想要选择组件内的标签，就需要使用::v-deep选择器。

下面是一个示例代码演示::v-deep的作用：

<template>
  <div class="parent">
    <child></child>
  </div>
</template>

<style scoped>
.parent ::v-deep .child {
  color: red;
}
</style>

在上面的代码中，我们在父组件的样式中使用了::v-deep选择器来选择子组件的class为child的标签，并将其颜色设置为红色。这样就可以穿透组件的样式作用域，直接选择子组件内的标签进行样式设置。