狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

現象：

在Vue開發中，會遇到html被瀏覽器解析后，在標簽中出現’data-v-xxxxx’標記，如下：

<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.

理解：

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