Maison  >  Article  >  interface Web  >  Une introduction à plusieurs méthodes d'importation couramment utilisées dans VUE (modules, fichiers)

Une introduction à plusieurs méthodes d'importation couramment utilisées dans VUE (modules, fichiers)

不言
不言original
2018-07-03 14:18:054661parcourir

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 &#39;./test.css&#39;; 

</style>

4. Importer des composants

 import name1 from &#39;./name1&#39;
import name2 from &#39;./name2&#39;
  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!

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