Résumé de plusieurs façons d'enregistrer des composants dans Vue

Ci-dessous, je vais partager avec vous un résumé de plusieurs façons d'enregistrer des composants dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

1. Enregistrement global (les composants enregistrés de cette manière doivent être déclarés avant que la vue ne soit instanciée)

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

2. Inscription partielle

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

3. Exemples étendus

// 定义一个混合对象
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!"

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile dans le cas. avenir.

Articles connexes :

Exemple angulaire d'utilisation de la commande d'événement d'opération ng-click pour transmettre plusieurs paramètres

Code JavaScript pour implémenter la fonction d'aperçu du téléchargement de fichiers txt

Un résumé des exemples de la façon dont Angularjs implémente la communication entre les contrôleurs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!