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

1<template>
2  <!-- v-bind -->
3  <div :class="activeClass">Content</div>
4  <img :src="imageUrl" />
5
6  <!-- v-on -->
7  <button @click="handleClick">Click</button>
8  <input @input="handleInput" />
9</template>