请问div后面跟的属性“data-v-e20faf64”是什么意思

Question

用chrome调试一个页面，其中有以下一句话，请问大佬这是什么意思。

 

<div data-v-e20faf64 class="stand-text"></div> == $0

Answer 1

在Vue开发中，会遇到html被浏览器解析后，在标签中出现'data-v-xxxxx'标记

比如：

<div data-v-fcba8876 class="xxx"> aaa</div>

    这是在标记vue文件中css时使用scoped标记产生的，因为要保证各文件中的css不相互影响，给每个component都做了唯一的标记，所以每引入一个component就会出现一个新的'data-v-xxx'标记