vue的render函数

百度的东西只说了基本概念，试坑记录下：

render属性这个h函数可以传有三个参数，其中第一个参数必传，另外两个参数选择性传入：

• 第一个参数：可以传：1. html标签名；2. 组件的字符串名； 3. 组件的对象变量。
• 第二个参数：传入一个对象，可以用来设置样式和属性值。
• 第三个参数：只有当第一个参数传入的是html标签名的时候第三个参数才有效（个人经验），传入的是一个数组，数组里面的东西会放到html标签中，数组里可以放：1. 字符串文本内容；2. h函数构造的虚拟节点。

部分主要代码如下：

Vue.component('sb', {template:'#sb',data() {return {name:'lxm'}}});
new Vue({
    el: '#yyy',
    render(h) {
        return h('a', {
            style: {color: '#333',border: '1px solid #ccc'}, 
            attrs:{href:'#hello'}
        }, ['111', h('p',["Do you copy?"]), h('sb')])
    }
})