test: {{msg}}

---

1. 一般用html模板，但也可以直接用 js。例: 生成一些带锚点的标题

Hello world!

锚点标题的使用非常频繁，我们应该创建一个组件：
h1 Hello world! h2 Hello world! h6 Hello world!

---

2. render() 返回的h()函数接收3个参数: tagName, prpps, children
虽然模板在大多数组件中都非常好用，但是显然在这里它就不合适了。那么，我们来尝试使用 render 函数重写上面的例子： h1 header

---

3. h()如果只传入2个参数，则默认是 tagName, children

---

4. v-on in render(): 我们必须为事件处理程序提供一个正确的 prop 名称，例如，要处理 click 事件，prop 名称应该是 onClick。

---

5. h()访问 插槽 slot: this.$slots.default() contents in my-slot5
5.2 //todo 不懂？？ https://v3.cn.vuejs.org/guide/render-function.html#插槽 contents in my-slot52 contents in my-slot52

---

6. 使用渲染函数将插槽传递给子组件
Vue 的模板实际上被编译成了渲染函数。