css - vue里局部引用的樣式怎么都成為全局的了？

問題描述

1.vue里引用的局部樣式怎么在其他頁面也生效，router切換頁面后就加載了改頁面的樣式

問題解答

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

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

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

<style scoped>/*css code*/</style>回答4：

兩種方式

自己控制標簽選擇器的范圍

組件模板中style上加scoped.