Vue.js: What is the difference between v-pre and v-cloak in Vue?

1<template>
2    <!-- Skips Vue compilation -->
3    <div v-pre>{{ this will not be compiled }}</div>
4    
5    <!-- Good for static content -->
6    <code v-pre>{{ literal }}</code>
7</template>

1<template>
2    <div v-cloak>
3        <p>{{ message }}</p>
4    </div>
5</template>
6
7<style>
8[v-cloak] {
9    display: none;
10}
11</style>