javascript - 为什么不是 vuejs 组件上的所有 html 元素都有 data-v-??????? 属性？

Question

我使用 framework7-vue + vuejs。组件，如芯片，具有简单的语法：

<f7-chip text="Example Chip"></f7-chip>

并生成简单的html：

<div data-v-aa85b83a="" class="chip">
    <div class="chip-label">Example Chip</div>
</div>

元素.chip有data-v属性，为什么.chip-label没有？我需要设置样式chip-label，我知道 /deep/ 样式，但它很遗憾。我可以将 data-v 属性设置为子元素动态组件吗？

标签： javascriptvue.jshtml-framework-7

Answer 1

这是因为您要么<style>在组件中使用标签（范围样式），要么在运行热重载时查看元素。不过，这更有可能是因为scoped styles。