Vue.javascript源码分析(十六)指令篇v-on指令详解

在希望的田野上,我们看到了希望,看到了未来,看到了祖国未来繁荣昌盛的景象。

可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码,例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <button @click="show('click',$event)" @mouseenter="show('mouseenter',$event)">测试</button>
    </div>
    <script>
        Vue.config.productionTip=false;
        Vue.config.devtools=false;
        var app = new Vue({
            el:'#app',
            methods:{ show(type,ev){console.log(type)} }
        })
    </script>
</body>
</html>

本文Vue.javascript源码分析(十六)指令篇v-on指令详解到此结束。行动是成功的阶梯,行动越多,登得越高。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

vue如何实现列表固定列滚动

vue如何实现伸缩菜单功能

vue项目中canvas如何实现截图功能