vue监听事件

vue监听事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--事件处理-->
<div id="app">
    <button v-on:click="sayHi">点击我!</button>
</div>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    var vm = new Vue({
        el: app,
        data: {
            message: "iJun  大神,不,是大哥!"
        },
        methods: {
            sayHi: function () {
                // this是 vm message
                alert(this.message);
            }
        }
    })
</script>
</body>
</html>

  

 

posted @ 2021-02-05 14:11  iJunHello  阅读(96)  评论(0)    收藏  举报