Vue.js v-on:click directive

The v-on:click directive is a Vue.js directive used to add a click event listener to an element. First, we will create a div element with id as app and let's apply the v-on:click directive to a element. Further, we can execute a function when click even occurs.

Syntax:

v-on:click="function"

Parameters:

This directive accepts function which will be executed when the click event occurs.

Example: This example uses VueJS to toggle the visibility of a element with v-on:click.

Output: