Comment référencer CSS dans vue

Comment référencer CSS dans vue : 1. Importation globale, le format de syntaxe est "import 'adresse du fichier css'"; 2. Import local, le format de syntaxe est " @import 'adresse du fichier css'; ".

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur Dell G3.

Vue (prononcé /vjuː/, similaire à view) est un framework JavaScript progressif permettant de créer des interfaces utilisateur. Contrairement à d’autres grands frameworks, Vue est conçu pour être appliqué couche par couche de bas en haut.

Introduisez les fichiers CSS externes dans vue :

Créez un nouveau dossier de style sous le fichier src du projet pour stocker les fichiers CSS.

1. Importation globale

Placez le fichier CSS externe sous le fichier de style Pour introduire les fichiers externes, juste dans le fichier main.js

import './style/reset.css' Copier après la connexion J'ai importé le fichier CSS qui efface le style par défaut

2. @import '../assets/iconfont/iconfont.css';这个分号一定要写，要不会报错 Copier après la connexion @import CSS@ Rules, utilisé pour importer des règles de style à partir d'autres feuilles de style. Ces règles doivent précéder tous les autres types de règles, à l'exception des règles @charset ; comme il ne s'agit pas d'une instruction imbriquée, @import ne peut pas être utilisé dans un groupe conditionnel de règles.

Ainsi, les agents utilisateurs peuvent éviter de récupérer des ressources pour des types de médias non pris en charge et les auteurs peuvent spécifier des règles @import dépendantes du média. Ces conditions importent les requêtes multimédias spécifiées après l'URI, séparées par des virgules. Sans aucune requête multimédia, l’importation est inconditionnelle. Spécifie que tous les médias ont le même effet.

【Apprentissage recommandé : Tutoriel avancé javascript 】