Comment appeler des méthodes dans vue

Ci-dessous, je partagerai avec vous un article sur la façon d'appeler des méthodes en externe dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

1. Définissez d'abord un composant vue publique

var eventHub = new Vue();

2. Dans le composant actuel de l'événement, dans créé, utilisez $on pour passer au composant public eventHub et traduisez. est personnalisé, getCardNum(data) est une méthode à appeler en externe

eventHub.$on('translate', function (data) { 
        that.getCardNum(data); 
      });

3 Enfin, dans le composant parent, notez que le composant négatif doit être enregistré avec une variable, var vm = new Vue. ({} );

4. Définissez une méthode dans la méthode méthodes dans le composant parent et utilisez $emit dans la méthode pour recevoir la méthode dans le composant public ; 5. Enfin, c'est tout Appelez la fonction getCardNum(data) en dehors du composant vue ou en dehors du fichier. Par exemple, en html, vous pouvez l'appeler comme onclick = vm.getCardNum(); 🎜>6. Notez que le parent doit être Write vm.getCardNum() comme nom de variable du composant

var vm = new Vue({ 
 el: '#example', 
 data: { 
  msg: 'Hello Directive', 
  data: {} 
 }, 
 methods: { 
  getCardNum: function (data, on) { 
   eventHub.$emit('translate', data); 
  } 
 } 
});

Serveur de requêtes de builds express

Problèmes inter-domaines de ProxyTable dans le projet vue-cli

Comment utiliser les références dans les composants React

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!