Vue style的scoped渲染规则

使用方式：

<style scoped></style>

渲染原理：

设置了<style scoped></style>，Vue会给 该组件/DOM/CSS 生成一个唯一data值：（data-v-hash）

渲染规则：

• 对于组件来说，设置了<style scoped></style>，Vue给该组件生成一个唯一的data值，来使其唯一性。并将data值作为一个属性添加到组件的所有html的dom节点上。如果该组件内包含子组件，那么当子组件设置scoped时，子组件本身拥有唯一的data，同时子组件的最外层标签在自身的data后加上该父组件的data值；当子组件没有设置scoped时，子组件的最外层标签只拥有该父组件的data值。这样渲染时，Vue自动的为每句css添加一个当前组件的data值完成私有化。