Vue中VNode对象创建方法

Vue中VNode对象创建方法

 const vm = new Vue()
      const h = vm.$createElement
      const spanObj = h('span', {
        attrs: {
          href: 'http://www.baidu.com'
        },
        style: {
          color: 'red'
        }
      }, '文本内容')
      const divObj = h('div', {
        attrs: {
          href: 'http://www.baidu.com'
        },
        style: {
          color: 'orange'
        }
      }, [h('h1', { style: { color: 'orange' } }, '文本'), spanObj])

h方法第一个参数为tag标签名，第二个参数为标签的属性配置，第三个参数为标签内容字符串（也可为VNode类型的数组对象集合）