Eine Einführung in mehrere in VUE häufig verwendete Importmethoden (Module, Dateien)

In diesem Artikel werden hauptsächlich verschiedene in VUE häufig verwendete Importmethoden (Module, Dateien) vorgestellt und erläutert. Der Inhalt ist jetzt recht gut und dient als Referenz.

1 Einführung in Plug-ins von Drittanbietern

import echarts from 'echarts'

2 Einführung in Tool-Klassen

Die erste besteht darin, eine einzelne Methode einzuführen

import {axiosfetch} from './util';

Das Folgende ist die Schreibmethode, die exportiert werden muss

export function axiosfetch(options) {

}

Die zweite Methode zum Importieren von Gruppen

import * as tools from './libs/tools'

Es gibt mehrere Exportmethoden in tools.js , alle Exporte in Tools exportieren Wie verwende ich die in

vue importierte Methode?

Vue.prototype.$tools = tools

Nenn einfach this.$tools.method direkt

Apropos Export und Export-Standard: Was ist der Unterschied?

Werfen wir einen Blick auf den Unterschied

Exportieren Sie zunächst

import {axiosfetch} from './util'; 
 //需要加花括号 可以一次导入多个也可以一次导入一个，但都要加括号

Falls vorhanden zwei Methoden

import {axiosfetch,post} from './util';

Dann Standard exportieren

import axiosfetch from './util'; //不需要加花括号 只能一个一个导入

3 .Importieren Sie die CSS-Datei

import 'iview/dist/styles/iview.css';

Wenn es sich in einer .vue-Datei befindet, fügen Sie einen Stil außerhalb davon hinzu

<style>
 @import &#39;./test.css&#39;; 

</style>

4. Komponenten importieren

 import name1 from './name1'
import name2 from './name2'
  components:{
     name1,
     name2,
  },

Das Obige ist der gesamte Inhalt von Ich hoffe, dass dieser Artikel für das Lernen aller nützlich sein wird. Wenn Sie Hilfe benötigen, schauen Sie sich bitte die chinesische PHP-Website an, um weitere verwandte Inhalte zu erhalten!

Verwandte Empfehlungen:

JQuery verhindert die Ereignis-Bubbling-Instanzanalyse

Über Vues Ideen zur Lösung von domänenübergreifenden Routing-Konflikten

Einführung in die dynamische Einstellung von Routing-Parametern durch Vue

Das obige ist der detaillierte Inhalt vonEine Einführung in mehrere in VUE häufig verwendete Importmethoden (Module, Dateien). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!