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.