方法事件處理器
阿新 • • 發佈：2017-09-17
對象 tex ack script bsp class ext 形參 lang
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <button v-on:click="greet">greet</button> // 點擊事件 運行greet 方法 </div> </body> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> var example2=new Vue({ // 創建 vue實例 el:‘#app‘, data:{ name:"Vue.js" }, methods:{ // 方法 greet:function(event){ // 函數 greet alert("hello"+this.name+‘!‘) // this.name 指的是 data裏的name if(event){ // 形參 調用函數的對象 alert(event.target.tagName) // 彈出調用該函數對象的 標簽名 } } } }) </script> </html>
方法事件處理器