Comment introduire des fichiers CSS dans vue.js

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";].

[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!