Maison > Article > interface Web > Une introduction à plusieurs méthodes d'importation couramment utilisées dans VUE (modules, fichiers)
Cet article présente et explique principalement en détail plusieurs méthodes d'importation couramment utilisées dans VUE (modules, fichiers). Le contenu est plutôt bon. Je vais le partager avec vous maintenant et le donner comme référence.
1 Présentation des plug-ins tiers
import echarts from 'echarts'
2 Présentation des classes d'outils
La première consiste à introduire une seule méthode
import {axiosfetch} from './util';
Ce qui suit est la méthode d'écriture, qui doit être exportée
export function axiosfetch(options) { }
La deuxième méthode d'importation de groupes
import * as tools from './libs/tools'
Là existe-t-il plusieurs méthodes d'exportation tools.js, comment importer toutes les méthodes d'exportation dans les outils dans
vue ?
Vue.prototype.$tools = tools
Appelez simplement ceci.$tools.method directement
En parlant d'exportation et quelle est la différence entre les valeurs par défaut d'exportation ?
Regardons la différence
Tout d'abord, exportez
import {axiosfetch} from './util'; //需要加花括号 可以一次导入多个也可以一次导入一个,但都要加括号
Si il y a deux méthodes
import {axiosfetch,post} from './util';
Puis exporter par défaut
import axiosfetch from './util'; //不需要加花括号 只能一个一个导入
3. Importez le fichier CSS
import 'iview/dist/styles/iview.css';
S'il se trouve dans un fichier .vue, ajoutez un style à l'extérieur
<style> @import './test.css'; </style>
4. Importer des composants
import name1 from './name1' import name2 from './name2' components:{ name1, name2, },
et ci-dessus C'est tout le contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !
Recommandations associées :
JQuery empêche l'analyse des instances de bouillonnement d'événements
À propos des idées de vue pour résoudre les conflits de routage inter-domaines
Introduction à Vue définissant dynamiquement les paramètres de routage
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!