可复用 & 组合: 渲染函数


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 的模板实际上被编译成了渲染函数。