Heim  >  Artikel  >  Web-Frontend  >  So binden Sie Funktionen in VueJS

So binden Sie Funktionen in VueJS

青灯夜游
青灯夜游Original
2021-09-14 14:33:414313Durchsuche

So binden Sie Funktionen in VueJS: 1. Verwenden Sie zum Binden die Form „fc17a21cd0573b1de398a31cba994ee0“ ;" zum Binden.

So binden Sie Funktionen in VueJS

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Die Ereignisbindung in Vuejs erfolgt über 0cd543366023052d82c6957efe053058 Der Funktionsname wird hier im Methodenobjekt in der Vue-Instanz definiert.

So binden Sie Ereignisse(1). Schreiben Sie js direkt inline auf das Etikett, um die Methode aufzurufen.

 <button v-on:click="alert(&#39;hi&#39;)">执行方法的第一种写法</button>

(2) Rufen Sie die in Methoden definierte Methode auf Objekt

      b51a10c915ab1622d4d060f7c652677a执行方法的第一种写法65281c5ac262bf6d81768915a4a77ac0
      7968d758909d474bfaba35fbb18ae31c执行方法的 简写 写法65281c5ac262bf6d81768915a4a77ac0
    export default {     
      data () { 
        return {
          msg: &#39;你好vue&#39;,
          list:[]      
        }
      },
      methods:{
           run:function(){
              alert(&#39;这是一个方法&#39;);
             }
           }
 }

Verwandte Empfehlungen: „vue.js Tutorial

Das obige ist der detaillierte Inhalt vonSo binden Sie Funktionen in VueJS. 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