Vue.js: What is the difference between v-html and v-text in Vue?

1<template>
2    <div v-html="htmlContent"></div>
3</template>
4
5<script setup>
6const htmlContent = "<strong>Bold text</strong>"
7</script>

1<template>
2    <div v-text="textContent"></div>
3    <!-- Equivalent to -->
4    <div>{{ textContent }}</div>
5</template>
6
7<script setup>
8const textContent = "Plain text"
9</script>