Heim > Artikel > Web-Frontend > Es gibt verschiedene Möglichkeiten, Komponenten in Vue zu registrieren
Dieses Mal zeige ich Ihnen verschiedene Möglichkeiten, Komponenten bei Vue zu registrieren. Was sind die Vorsichtsmaßnahmen , wenn Sie Vue zum Registrieren von Komponenten verwenden?
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: '<p>A custom component!</p>' } new Vue({ // ... components: { // <my-component> 将只在父模板可用 'my-component': Child } })
3. Erweiterte Instanz
// 定义一个混合对象 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!"
Ich glaube, Sie haben gelesen Der Fall in diesem Artikel: Sie beherrschen die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Vue2.0 lösen Routing Problem mit der nicht angezeigten Router-Ansicht
Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, Komponenten in Vue zu registrieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!