Vue 2中的scoped特性允許我們在組件化開發中使用樣式作用域，以避免全局污染。scoped會給樣式選擇器添加一個哈希前綴，以便只在父組件及其子組件中匹配。

我們可以在Vue組件的style標簽上添加scoped屬性實現scoped特性：

<style scoped>
.panel{
background-color: #ffffff;
}
</style>

在編譯時，Vue會將上述樣式代碼轉化為：

<style>
.panel[data-v-f3f3eg9]{
background-color: #ffffff;
}
</style>

我們可以看到，Vue自動為樣式選擇器添加了[data-v-xxxxxx]屬性，這個屬性的值就是當前組件的哈希值。這就保證了樣式只在當前組件及其子組件中生效。

需要注意的是，scoped樣式只對組件中的元素生效，并不能影響子組件中的元素。如果需要在子組件中使用scoped樣式，需要在子組件中也添加scoped屬性。