标签：code alert script 调用函数 head button 事件处理器 blog cti
<!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>
标签：code alert script 调用函数 head button 事件处理器 blog cti
原文地址：http://www.cnblogs.com/jinsuo/p/7535211.html
