Maison > interface Web > js tutoriel > Résumé de plusieurs façons d'enregistrer des composants dans Vue

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

亚连
Libérer: 2018-05-31 16:30:20
original
2488 Les gens l'ont consulté

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',{})
Copier après la connexion

2. Inscription partielle

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

3. Exemples étendus

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal