Day19_09_Vue教程之v-on

Vue教程之v-on 一.监听事件

• v-on

二. HTML

    点我

注：在这里我们使用了 v-on 绑定了 click 事件，并指定了名为 sayHi 的方法

三.JavaScript

方法必须定义在 Vue 实例的 methods 对象中

    var vm = new Vue({
        el: '#vue',
        data: {
            message: 'Hello World'
        },
        // 在 `methods` 对象中定义方法
        methods: {
            sayHi: function (event) {
                // `this` 在方法里指向当前 Vue 实例
                alert(this.message);
            }
        }
    });

四.测试效果



五.完整的 HTML

    
    事件篇 v-on
    




    点我



    var vm = new Vue({
        el: '#vue',
        data: {
            message: 'Hello World'
        },
        // 在 `methods` 对象中定义方法
        methods: {
            sayHi: function (event) {
                // `this` 在方法里指向当前 Vue 实例
                alert(this.message);
            }
        }
    });