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:

So implementieren Sie die Vue-Navigationsleiste mit Trägheitsgleiten und Rückprall auf einem mobilen Endgerät

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!