Binding of events in Vue

This is the usual use of event binding notation, the function e refers to the event object, click after the output mouse click event detailsThis method passes an event object to the function, which has the same meaning as the previous method, except that it can also pass additional parameters to the function

There are also event modifiers/key modifiers/system modifiers/mouse modifiers to look up in the VUE document

Vue binds components to native events (event modifiers)

This does not trigger the click event, because when you bind an event to a component, you are actually binding a custom eventThe custom click event that you want to fire should beThe difference is that while a native event is bound to a div element in a child component, an event bound to a child is a custom event. If you want to fire a custom click event, you should fire it in the child component

If you want to listen for native events on the Child component, add a modifier to the event. Native

This means that the listener is listening to a native event