码迷,mamicode.com
首页 > 其他好文 > 详细

vue学习(五)——v-on:

时间:2019-05-03 13:07:33      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:value   app   title   UNC   on()   常见   点击   html   v-on   

//html
<div id="app">
  <input type="button" value="ok" v-bind:title="msg" v-on:click="show" />
  <input type="button" value="OK" :title="msg" @click="show" />//对应的v-bind和v-on的简写
</div> //script <script>   var vm = new Vue({     el:app,     data:{       msg:点击一下     },
    methods:{//methods中定义了当前vue实例中所有可用的方法
      show:function(){
        alert(‘hello‘)
      }
    }   })
</script>

说明:

v-on是用来绑定事件的,click还可以换成mouseover,dbclick,mouseon等浏览器端常见的事件机制

v-on的缩写是@

vue学习(五)——v-on:

标签:value   app   title   UNC   on()   常见   点击   html   v-on   

原文地址:https://www.cnblogs.com/xuchao0506/p/10804826.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!