vue this.$createElement

vue this.$createElement

在学习别人的代码的过程中，看到别人使用Vue+ElementUI弹出对话框的一个写法，我没有这样写过，因此比较好奇，便去查了一下这种写法。写法是这样的：

生成的对话框如下：

这里用到了vue $createElement这个方法，此方法各个参数的含义和用法如下：

h('div',{},[
          h('p','some message...some time...'),
          h('p','some message...some time...')
        ])

第一个参数：为标签，即创建的节点元素的标签是什么

第二个参数：几点元素的属性配置，例如class，style等等，

例如如下代码：

h('div',{class:'test'},[
          h('p','some message...some time...'),
          h('p','some message...some time...')
        ])

生成的便是

可以看出，dom元素上多了class属性。
如下代码：

h('div', {
        style: {
                color: 'green'
            }
         }, [
                h('p', 'some messages...some messages...'),
                h('p', 'some messages...some messages...'),
            ])

可以看出对话框内容的字体已经变成了绿色。

第三个元素是节点元素的内容。

建议可以自己动手试一下~