投稿
  1. 125jz首页
  2. 教程
  3. 网页制作

vue学习v-on:click绑定HTML的单击事件

江山如画 • • 网页制作 • 阅读 9831

vue学习v-on:click绑定HTML的单击事件

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

赞 (1)
江山如画的头像江山如画管理团队
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
vue学习-我的第一个vue代码
上一篇 2020年6月14日 上午9:15
9个免费好用的ftp软件-上传网页必备
下一篇 2020年6月18日 上午8:22

99%的人还看了以下文章

  • html5专题 网页制作

    哪些浏览器支持HTML5？

    目前支持HTML5的浏览器主要有： 谷歌浏览器（全面支持HTML5）、360浏览器、搜狗浏览器、世界之窗、Firefox、Safari、Opera、QQ浏览器、傲游浏览器、IE10。 如要下载支持HTML5的浏览器，请到官网下载！

    江山如画的头像 江山如画
    2019年3月13日
    12.2K0
  • HTML5+CSS3制作网页实例 网页制作

    HTML5+CSS3制作网页实例：HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面，然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    江山如画的头像 江山如画
    2019年3月7日
    21.2K0
  • Marquee标签制作滚动公告、新闻列表 网页制作

    Marquee标签制作滚动公告、新闻列表

    效果演示 《Marquee标签实现跑马灯、滚动公告、通知效果》 Marquee标签制作滚动公告、新闻列表 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>marquee实现的滚动公告|www.125jz.com</titl…

    江山如画的头像 江山如画
    2019年2月28日
    16.5K0
  • CSS常用类/ID命名规范 网页制作

    CSS常用类/ID命名规范

    书写规范请查看《CSS语法及命名规范（入门）》，本文介绍常用类/ID命名规范，CSS文件命名规范，如页面主体：main 内容:content 标签页：tab  章列表：list 信息：msg   标题：title   热点：hot 新闻：news注册：regsiter 合作伙伴：partner 友情链接：friendlink 页脚：footer 版权：cop…

    江山如画的头像 江山如画
    2019年3月14日
    11.7K0
  • CSS3动画：@keyframes animation 案例——制作滚动公告 网页制作

    CSS3动画：@keyframes animation 案例——制作滚动公告

    滚动公告的制作请参阅：Marquee标签实现跑马灯、滚动公告、通知效果 今天我们使用CSS3的@keyframes和animation 制作滚动文字公告。 @keyframes规则 @keyframes 规则用于创建动画。在@keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 注释：当动画完成后，动画的状态会回到初始状…

    江山如画的头像 江山如画
    2019年2月26日
    14.3K0
  • Dedecms的tplcache文件夹是什么，可以删除吗？ 网页制作

    Dedecms的tplcache文件夹是什么，可以删除吗？

    tplcache是DeDeCMS里data目录下的模板缓存数据,时间久了就会积累成千上万的文件，而且会越来越大。dede模板缓存可以加快网页文件的生成速度，关闭的话，理论上说除了生成速度变慢之外没什么影响。tplcache文件夹是可以删除的。

    江山如画的头像 江山如画
    2023年3月19日
    5.9K0

发表回复

登录后才能评论