現(xiàn)象：

在Vue開發(fā)中，會遇到html被瀏覽器解析后，在標(biāo)簽中出現(xiàn)’data-v-xxxxx’標(biāo)記，如下：

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

原因：

來看官方解釋：

<style scoped>

  @media (min-width: 250px) {

    .list-container:hover {

      background: orange;

    }

  }

</style>

The optional scoped attribute automatically scopes this CSS to your component by adding a unique attribute (such as data-v-21e5b78) to elements and compiling .list-container:hover to something like .list-container[data-v-21e5b78]:hover.

理解：

    這是在標(biāo)記vue文件中css時使用scoped標(biāo)記產(chǎn)生的，因為要保證各文件中的css不相互影響，給每個component都做了唯一的標(biāo)記，所以每引入一個component就會出現(xiàn)一個新的'data-v-xxx'標(biāo)記