Ausführliche Erklärung zur Verwendung des VUE2.X-Filters

In diesem Artikel wird hauptsächlich die detaillierte Verwendung von VUE2 vorgestellt. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Es gibt mehrere Möglichkeiten, VUE2 zu verwenden.
Zuerst erstellen wir einen js-Ordner im Assets-Ordner, erstellen common.js und schreiben dann den Filter in diese Datei. Natürlich können Sie es auch in einer einzelnen Komponente schreiben, worauf später noch eingegangen wird.

/**
* 将tab类型转换成汉字
* @param {String} tab 待转换前的tab值
* @return {String}  转换后的tab中文
*/
export function change (tab) {
 switch (tab) {
  case 'share':
   return '分享'
  case 'ask':
   return '问答'
  case 'job':
   return '招牌'
  case 'good':
   return '精华'
 }
}

Das Obige ist der Filter in der Datei common.js. Die Datei lautet wie folgt:

Führen Sie Filter in der Vue-Datei ein und verwenden Sie sie:

Die oben genannten Filter sind sehr Wichtig: Wenn nicht, funktioniert der Filter nicht.

Das Letzte ist die Verwendung in p. Ganz einfach. Wie folgt:

Die obige Änderung ist der Filter. item.tab übergibt den Tabulatorwert zur automatischen Konvertierung an den Änderungsfilter. Sie können weitere Filter oder andere Methoden in common.js schreiben. Die Verwendungsmethoden sind die gleichen.

Sie können den Filter auch direkt in die Vue-Datei schreiben. Schreiben Sie es einfach in Filter:

Verwandte Empfehlungen:

Detaillierte Beispiele für die grundlegende Verwendung von Filtern in jQuery

Detaillierte Erläuterung der Angularjs-Filter zur Implementierung dynamischer Such- und Sortierfunktionen

JQuery, Selektor-/Filter-/Leistungsoptimierung

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung des VUE2.X-Filters. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!