Vue基础知识(二) : 事件绑定

一 丶事件绑定指令,v-on

基本语法 : v-on:事件名称

可优化为 : @事件名称

代码演示 :

    <!-- vue中的事件绑定使用的是 v-on -->
    <!-- 语法 v-on:事件名称 ,也可以优化成 @事件名称 -->
    <div id="app">
    <!-- 分别给h1与div添加点击事件 -->
        <h1 v-on:click="say">点击事件</h1>
        <div @click="sing">优化写法的点击事件</div>
    </div>
    <script src="../vue.min.js"></script>
    <script>
        const vm = new Vue({
            el: "#app",
            methods: {
                say() {
                    console.log("点击事件");
                },
                sing() {
                    console.log("优化写法的点击事件");
                }
            }
        })
    </script>

二 丶事件对象

 (1) 丶事件操作函数不带参数的时候，事件处理函数的第一个形式参数，默认就是事件对象

    methods: {