v-on:click缩写为@click
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>125jz.com-vue</title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
<button @click="greet">123</button>
</div>
<script>
var app=new Vue({
el:"#app",
data:{
name:'vue.js！'
},
methods:{
greet:function(){
alert(this.name+'的方法被调用了！')
}
}
})
</script>
</body>
</html>
v-on指令绑定一个事件监听器，通过它调用VUE实例中定义的方法。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/7199.html
微信扫一扫 
支付宝扫一扫