Vue绑定

事件绑定：

　　v-on

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

　　　　v-on:jQuery的事件，触发事件的方法，方法必须写在vue 的methods里面

　　　　jQuery的事件参考文档：https://jquery.cuishifeng.cn/keydown.html

　　  　 例子 v-on:click=" 方法名(参数)"

<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <button v-on:click="sayHi('猜猜我在干哈？')"> 点击我弹出</button>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

    <script>
        var vm=new Vue({
            el: "#app",
            data: {
                message: "我在学vue！"
            },
            methods:{ //方法必须定义在Vue的methods中
                sayHi:function (a) {
                    alert(a+this.message);
                }
            }
        });
    </script>
</body>
</html>

 

posted @ 2021-12-26 16:37  qwedfrgh  阅读(34)  评论(0)    收藏  举报