現(xiàn)象：

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

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

原因：

來(lái)看官方解釋：

<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時(shí)使用scoped標(biāo)記產(chǎn)生的，因?yàn)橐ＷC各文件中的css不相互影響，給每個(gè)component都做了唯一的標(biāo)記，所以每引入一個(gè)component就會(huì)出現(xiàn)一個(gè)新的'data-v-xxx'標(biāo)記