v-on

发布时间 2023-10-07 21:09:35作者: 嘎嘎鸭2

1. v-on 作用:注册事件(注册事件 = 添加监听 + 提供处理逻辑)

2. 语法:

        ① v-on : 事件名 = "内联语句"            eg:<button v-on:click="count++"> 点我加一 </button>

        ② v-on : 事件名 = "methods中的函数名"   或   v-on : 事件名 = "methods中的函数名(参数1, 参数2, ......)"(传参形式)

        ③ @事件名 = "内联语句"   或   @事件名 = "methods中的函数名"    或   @事件名 = "methods中的函数名(参数1, 参数2, ......)"   (简写形式)

 

3.小知识点:1. click:点击事件(鼠标点击才触发)

                     2. mouseenter:鼠标划入事件(只要鼠标划过就触发)