为什么不是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属性设置为子元素动态组件吗？

Answer 1

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