css - How come the styles referenced locally in vue become global?

Question

1.How can the local styles referenced in vue also take effect on other pages? After the router switches the page, it loads the style of the changed page

Answer 1

Partial styles can only be applied locally. If you need to use them globally, you can put the public class into app.vue

Answer 2

In vue, there is the general component app.vue. In this file, the commands you want to promote to the global level can be seen in other operating components. This is the advantage of the declarative framework of vue. In a main The methods or styles defined in the component can be bound to other components

Answer 3

It just writes the css in a local file, which does not mean that the css only acts locally. If you want it to work only within the component, you can add scoped

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

Answer 4

Two ways

• Control the scope of the tag selector yourself

• Add scoped to style in the component template.