Vue.js: What is the difference between v-on.passive and v-on in Vue?

v-on.passive — passive event listener. v-on — normal listener.

v-on:

1<template>
2    <div @scroll="handleScroll">Content</div>
3</template>

v-on.passive:

1<template>
2    <div @scroll.passive="handleScroll">Content</div>
3</template>

Key differences:

• v-on.passive — cannot call preventDefault.
• v-on — can call preventDefault.
• v-on.passive — better performance.