<!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>
