Il existe plusieurs façons d'enregistrer des composants dans Vue

Cette fois, je vais vous présenter plusieurs façons d'enregistrer des composants avec Vue. Quelles sont les précautions lors de l'utilisation de Vue pour enregistrer des composants. Voici des cas pratiques, jetons un coup d'œil.

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: '<p>A custom component!</p>'
}
new Vue({
 // ...
 components: {
 // <my-component> 将只在父模板可用
 'my-component': Child
 }
})

3. Instance étendue

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

Je crois que vous avez lu. le cas dans cet article Vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment implémenter la barre de navigation Vue à glissement et rebond inertiel sur un terminal mobile

Résoudre Vue2.0 Problème de routage avec la vue du routeur qui ne s'affiche pas

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!