Zusammenfassung verschiedener Möglichkeiten zum Registrieren von Komponenten in Vue

Jetzt werde ich Ihnen eine Zusammenfassung verschiedener Möglichkeiten zur Registrierung von Komponenten in Vue geben. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.

1. Globale Registrierung (auf diese Weise registrierte Komponenten müssen vor der Instanziierung von vue deklariert werden)

Vue.component('tag-name',{})

2. Teilregistrierung

var Child = {
 template: &#39;<p>A custom component!</p>&#39;
}
new Vue({
 // ...
 components: {
 // <my-component> 将只在父模板可用
 &#39;my-component&#39;: Child
 }
})

3

// 定义一个混合对象
var myMixin = {
 created: function () {
 this.hello()
 },
 methods: {
 hello: function () {
  console.log('hello from mixin!')
 }
 }
}
// 定义一个使用混合对象的组件
var Component = Vue.extend({
 mixins: [myMixin]
})
var component = new Component() // -> "hello from mixin!"

Das oben Gesagte habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Angular-Beispiel für die Verwendung des Operationsereignisbefehls ng-click zum Übergeben mehrerer Parameter

JavaScript-Code um die Vorschaufunktion zum Hochladen von TXT-Dateien zu implementieren

Eine beispielhafte Zusammenfassung, wie Angularjs die Kommunikation zwischen Controllern implementiert

Das obige ist der detaillierte Inhalt vonZusammenfassung verschiedener Möglichkeiten zum Registrieren von Komponenten in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!