自解所提問題：
雖然解決根源在于<style scoped>的scoped屬性，但是即使了解它的相關(guān)特性，還是有點(diǎn)解釋不了

（1）加了scoped屬性的組件，可以維護(hù)當(dāng)前組件樣式不受其它組件影響

（2）加了scoped屬性的父級組件，不能修改子組件元素樣式（無路子組件加沒屬性scoped，因為scoped只能維護(hù)當(dāng)前組件元素）

（3）不加scoped屬性的父級組件，可以修改子組件樣式

（4）加了scoped屬性的父級組件，也可以強(qiáng)行控制加了scoped屬性的子組件，方法是：.a >>> .b或者css預(yù)處理中的 .a /deep/

雖然上述三條都是對的，但是不合理之處就在第三條解釋不了的情形

問題：三個內(nèi)容不同的父級組件（沒加scoped屬性），都應(yīng)用了相同的子組件模板，并用父級內(nèi)容填充子組件模板。

可是，三個不同父級組件都給子組件同一元素設(shè)置不同樣式，首次在三個父級組件切換，樣式正常；但是第二輪再切換，就不正常了，同一元素樣式不隨切換改變，而是用的第一輪切換最后樣式，無論后面切換了多少輪，都不再變.

因為上面這個奇葩問題，最終也就是選擇了（4）條解決的