css - vue裡局部引用的樣式怎麼都變成全局的了？

Question

1.vue裡引用的局部樣式怎麼在其他頁面也生效，router切換頁面後就載入了改頁面的樣式

Answer 1

局部樣式只能在局部應用，如果需要全域使用，可以把公用類別提出到app.vue 中

Answer 2

在vue中有app.vue這個總組件在這個文件中暴露你想要提升到全局的命令在其他的操作組件中都可以看到的,這個是就是vue這個聲明式框架的優點.在一個主元件中定義的方法或樣式,都是可以在綁定到其他的元件中的

Answer 3

它只是把css寫在了局部文件裡，不代表css只作用在局部。如果你想只在組件裡起作用，可以加個 scoped

<style scoped>
/*css code*/
</style>

Answer 4

兩種方式

• 自己控制標籤選擇器的範圍

• 組件模板中style上加scoped.