Heim  >  Artikel  >  Web-Frontend  >  Es gibt verschiedene Möglichkeiten, Komponenten in Vue zu registrieren

Es gibt verschiedene Möglichkeiten, Komponenten in Vue zu registrieren

php中世界最好的语言
php中世界最好的语言Original
2018-03-28 17:41:112754Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn