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

江山如画 • 2020年6月14日上午9:25 • 网页制作 • 阅读 10075

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

vue

江山如画管理团队

0 0 打赏

微信扫一扫

支付宝扫一扫

vue学习-我的第一个vue代码

上一篇 2020年6月14日上午9:15

9个免费好用的ftp软件-上传网页必备

下一篇 2020年6月18日上午8:22

网页制作

jQuery屏蔽页面右键，禁止复制，文本选择代码

屏蔽页面右键，禁止复制，文本选择功能，用jQuery实现非常简单。 125建站网分享两种方法。方法一： //禁用右键、文本选择、复制 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return fals…

江山如画
2019年10月16日
4.6K00
网页制作

22个HTML5的初级技巧

本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。

zhrjgy
2018年3月18日
4.0K00
12款纯CSS3实现的优秀导航菜单（含源码下载）

选12款纯CSS3实现的优秀面包屑导航，只提供在线演示的面包屑导航，你可以点击在线演示，在打开的Demo页面中，右键另存为网页，即可得到源码。

江山如画
2022年5月10日 • 网页制作
19.0K01
网页制作

如何给网页中的表格table添加滚动条

最近在写一个项目的时候输出的结果有点多table的宽度直接把页面撑变形了，就想到了给table加滚动条，接下来125建站网为大家介绍HTML给table添加滚动条的方法，有需要的小伙伴可以参考一下： 1、方法分析：要给table添加滚动条其实很简单，我们首先把table放到一个div里面，然后再设置div显示滚动条即可。 2、html代码： <div…

江山如画
2023年3月9日
4.5K00
网页制作

div+css制作上中下，中间两列的全屏自适应布局

制作自适应布局的网页对初学者是个难点，今天我们以最常见的上中下结构，中间又分为两列的全屏自适应布局为例，教大家如何制作自适应布局网页。上中下结构，中间又分为两列的全屏自适应布局HTML代码： <div class=”g-hd”></div> <div class=”g-sd”></div> <div c…

江山如画
2018年8月2日
9.3K00
CSS图形绘制练习-最常见的40种形状和图形源码分享

CSS3可以实现很多漂亮的图形，本文从互联网收集了最常见的40种形状和图形，现分享给大家。包括圆形，椭圆形，三角形，倒三角形，左三角形，右三角形，菱形，梯形，长方形，正方形，圆环，平行四边形，五角星，六角星，五边形，六边形，八边形，心形，蛋形，无穷符号，消息提示框，钻石，八卦图，食豆人，扇形，月牙，顶左直角三角形，顶右直角三角形，底左直角三角形，底右…

江山如画
2020年2月22日 • 网页制作
20.5K00