Shulou(Shulou.com)06/01 Report--

This article mainly shows you "what is the use of v-on instructions in Vue", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "what is the use of v-on instructions in Vue" this article.

V-on

V-on is primarily used to listen for dom events in order to execute blocks of code. The expression can be a method name.

Abbreviated as: [@]

Var app = new Vue ({el:'# app', methods: {consoleLog:function (event) {console.log (1)})

Event modifier

.stop to stop the incident from spreading.

The .inherent event no longer reloads the page

.capture uses the event capture mode, where events triggered by the element itself are handled here before being handled by internal elements.

.self triggers the handler only when event.target is the current element itself.

The .once event will be triggered only once

.passive tells the browser that you don't want to block the default behavior of the event

.........

When using modifiers, order is important; the corresponding code is generated in the same order. Therefore, using v-on:click.prevent.self will block all clicks, while v-on:click.self.prevent will only block clicks on the element itself.

The above is all the content of the article "what is the use of v-on instructions in Vue". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.