vue组件的render()方法

vue组件的render()方法

  vue组件的render方法是模板字符串的替代方案，它接收了一个createElement方法作为第一个参数，用来创建虚拟DOM
如果没有render函数， Vue 构造函数不会通过$mount或 el 选项指定的挂载元素中提取出的 HTML 模板编译渲染函数

下面是一个小案例：
js代码：

import Vue from 'vue'
new Vue ({
   
    render(createElement) {
   
        const vdom = createElement(         
            // 第一个参数为：标签名字(tag?: string)
            'h1',
            // data?: VNodeData 指虚拟节点的属性数据，或则绑定的数据[文字描述之前的英文内容是方法的提示信息]
            {
   
                style: {
   
                    color: 'red',
                    fontSize: