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

1<template>
2    <!-- Bind attribute -->
3    <div :class="activeClass"></div>
4    <img :src="imageUrl" />
5    
6    <!-- Bind object -->
7    <div v-bind="{ id: 'app', class: 'container' }"></div>
8</template>

1<template>
2    <!-- Handle event -->
3    <button @click="handleClick">Click</button>
4    <input @input="handleInput" />
5    
6    <!-- Multiple handlers -->
7    <button @click="handler1, handler2">Click</button>
8</template>