Vue中的style上的Scoped的作用

在學習Vue的時候，會看到在組件的style標籤上添加scoped的字樣，一開始不明白這是什麼意思，經過查閱資料，才發現其作用，現在記錄下，以便日後查閱，參考鏈接vue中慎用style的scoped屬性：

       Vue組件中style標籤上添加scoped屬性，目的是爲了保證當前組件中的樣式，只作用於當前組件，使得當前組件的樣式得到保護。

其實現原理： vue通過在DOM結構以及css樣式上加唯一不重複的標記，增加該組件中css樣式的權重來實現。具體查看參考鏈接(見上鍊接)。