微客导航 » 文章资讯 » 详解Vue方法与事件

详解Vue方法与事件

2024-02-27 22:15:03 284

一vue方法实现





Vue方法与事件





点击我

varmyVue=newVue({ el:'#test', methods:{//这里使用methods sayHi:function(){ alert('我被点击了') } } })

二方法传参





Vue方法与事件





说你好
说我被点击了

varmyVue=newVue({ el:'#test', methods:{//这里使用methods sayHi:function(message){ alert(message) } } })

三vue访问原生DOM事件

注意用$event获取





Vue方法与事件





点击我

鼠标从我上面滑过试试

varmyVue=newVue({ el:'#test', methods:{//这里使用methods changeColor:function(message,event){ alert(message+event);//弹出我被点击了,事件是[objectMouseEvent] }, over:function(message,event){ alert(message+event);//弹出鼠标从我上面滑过,事件是[objectMouseEvent] } } })

四事件修饰符





Vue方法与事件





说你好
说你好
说你好
说你好
说你好

说你好

varmyVue=newVue({ el:'#test', methods:{//这里使用methods sayHi:function(message){ alert(message) } } })

本文下载：vue-click_jb51.rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

详解Vue方法与事件

热门推荐

随机推荐