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
微信扫一扫 
支付宝扫一扫 99%的人还看了以下文章
-
第8课：组织元素（span和div）
pan和div元素用于组织和结构化文档，并经常联合class和id属性一起使用。 在这一课中，我们将进一步探究span和div的用法，因为这两个HTML元素对于CSS是很重要的。 用span组织元素 用div组织元素 用span组织元素 span元素可以说是一种中性元素，因为它不对文档本身添加任何东西。但是与CSS结合使用的话，span可以对文档中的部分文本…
-
CSS制作上一页 下一页 页码显示样式
今天教大家制作页面的上一页 下一页 页码显示样式，效果如图所示。 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>CSS制作上一页 下一页 页码显示样式|www.125jz.com</title> <style…
-
实现网页全屏和退出全屏JS代码，多浏览器兼容
实现网页全屏和退出全屏JS代码，兼容主流浏览器如：谷歌、火狐、360等。 <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t…
-
CSS3 transform:rotate()制作旋转图片
在《CSS3 transition transform属性及实例详解》中我们实现了：鼠标放到图片上，图片等比例放大的效果，今天分享transform:rotate()制作旋转图片。 CSS3中的transform:rotate()可以实现旋转功能，可以在CSS里面设定旋转的角度，也可以设定旋转用多少时间来完成。 旋转图片HTML代码 <img src=…
-
CSS3动画：@keyframes animation 案例——制作滚动公告
滚动公告的制作请参阅：Marquee标签实现跑马灯、滚动公告、通知效果 今天我们使用CSS3的@keyframes和animation 制作滚动文字公告。 @keyframes规则 @keyframes 规则用于创建动画。在@keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 注释：当动画完成后，动画的状态会回到初始状…