css - Wie kommt es, dass die in Vue lokal referenzierten Stile global werden?

Question

1. Wie wirken sich die in vue referenzierten lokalen Stile auch auf andere Seiten aus?

Answer 1

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

Answer 2

在vue中有app.vue这个总组件 在这个文件中暴露你想要提升到全局的命令 在其他的操作组件中都可以看到的,这个是就是vue这个声明式框架的优点.在一个主组件中定义的方法或者样式,都是可以在绑定到其他的组件中的

Answer 3

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

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

Answer 4

两种方式

• 自己控制标签选择器的范围

• 组件模板中style上加scoped.