css - Comment se fait-il que les styles référencés localement dans Vue deviennent globaux?

Question

1. Comment les styles locaux référencés dans vue prennent-ils également effet sur les autres pages ? Le routeur charge le style de la page modifiée après avoir changé de page

Answer 1

Les styles partiels ne peuvent être appliqués que localement. Si vous devez les utiliser globalement, vous pouvez placer la classe publique dans app.vue

.

Answer 2

Dans vue, il y a le composant général app.vue. Dans ce fichier, les commandes que vous souhaitez promouvoir au niveau global sont visibles dans d'autres composants opérationnels. C'est l'avantage du cadre déclaratif de vue. les méthodes ou styles définis dans le composant peuvent être liés à d'autres composants

Answer 3

Il écrit simplement le CSS dans un fichier local, ce qui ne veut pas dire que le CSS n'agit que localement. Si vous souhaitez que cela fonctionne uniquement en composants, vous pouvez ajouter scoped

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

Answer 4

Deux façons

• Contrôlez vous-même la portée du sélecteur de balises

• Ajoutez une portée au style dans le modèle de composant.