Maison  >  Article  >  interface Web  >  Comment introduire des fichiers CSS dans vue.js

Comment introduire des fichiers CSS dans vue.js

coldplay.xixi
coldplay.xixioriginal
2020-11-09 11:17:244098parcourir

Comment introduire les fichiers CSS dans vue.js : 1. Importez-le globalement dans [main.js], le code est [import "./common/uni.css"] 2. Introduisez-le directement dans le composant, le code est [@import "/common/uni.css";].

Comment introduire des fichiers CSS dans vue.js

[Articles connexes recommandés : vue.js]

Comment introduire des fichiers CSS dans vue.js :

Deux façons d'introduire des fichiers CSS

La première façon : js introduction

est généralement introduit globalement dans main.js, c'est-à-dire la méthode d'écriture suivante :

import "./common/uni.css"

Remarque :

1. Cette méthode d'écriture s'applique ici Le fichier CSS existe dans le projet et ne peut pas être introduit via l'accès URL. Une erreur sera signalée.

 2. Le mode App Platform v3 ne prend actuellement pas en charge le référencement "./common/uni.css" dans les fichiers js

Deuxième type : introduction CSS

Il est plus facile de l'introduire directement dans le composant

<style>
    @import "/common/uni.css";
</style>

Remarque :

Il est préférable d'ajouter un point-virgule après la déclaration d'introduction. Vous pouvez n'en citer qu'un. multiple sans point-virgule, une erreur sera signalée.

Bien sûr, il est également introduit en utilisant require(). Pour le moment, je suis plus habitué à utiliser import.

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn