Vue.js: What is the difference between render and template in Vue?

1<template>
2    <div>
3        <h1>{{ title }}</h1>
4        <p>{{ content }}</p>
5    </div>
6</template>

1import { h } from "vue"
2
3export default {
4    props: ["title", "content"],
5    render() {
6        return h("div", [
7            h("h1", this.title),
8            h("p", this.content)
9        ])
10    }
11}