Vue3.0学习 (5)- v-on指令监听事件

1、v-on + 需要监听的事件 + 执行事件时需要执行的函数

   <div v-on:click="onClick">
        <div>
            点击666
        </div>
    </div>

在这里插入图片描述

2、省略的写法 把v-on: 替换成 @

    <div @click="onClick">
        <div>
            点击6667
        </div>
    </div>

3、函数写法

3.1 函数写在setup里面,并且必须要return出去。
3.2 函数在return里的位置可以在变量前面
3.3 函数区分大小写

const app1={
    setup(){
        function onClick(event){
            alert('hello')
            console.log(event)
        }
        return {
            message2,
            message3,
            onClick
        }
    }
}
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页