const h=this.$createElement;

h('span', tag, '內容可以是 ')

.....

tag完整的數據對象如下：

?

{
? ? // 和`v-bind:class`一樣的 API
? ??'class': {
? ??? ??foo: true,
? ??? ??bar: false
? ? },
? ??// 和`v-bind:style`一樣的 API
? ??style: {
? ??? ??color: 'red',
? ??? ??fontSize: '14px'
? ??},
? ??// 正常的 HTML 特性
? ??attrs: {
? ??? ??id: 'foo'
? ??},
? ??// 組件 props
? ??props: {
? ??? ??myProp: 'bar'
? ??},
? ??// DOM 屬性
? ??domProps: {
? ??? ??innerHTML: 'baz'
? ??},
? ??// 事件監聽器基于 "on"
? ??// 所以不再支持如 v-on:keyup.enter 修飾器
? ??// 需要手動匹配 keyCode。
? ??on: {
? ??? ??click: this.clickHandler
? ??},
? ??// 僅對于組件，用于監聽原生事件，而不是組件使用 vm.$emit 觸發的事件。
? ??nativeOn: {
? ??? ??click: this.nativeClickHandler
? ??},
? ??// 自定義指令. 注意事項：不能對綁定的舊值設值
? ??// Vue 會為您持續追踨
? ??directives: [{
? ??? ??name: 'my-custom-directive',
? ??? ??value: '2'
? ??? ??expression: '1 + 1',
? ??? ??arg: 'foo',
? ??? ??modifiers: {
? ??? ??? ??bar: true
? ??? ??}
? ??}],
? ??// 如果子組件有定義 slot 的名稱
? ??slot: 'name-of-slot'
? ??// 其他特殊頂層屬性
? ??key: 'myKey',
? ??ref: 'myRef'
}

轉載于:https://www.cnblogs.com/zzsdream/p/10539793.html

總結

以上是生活随笔為你收集整理的Vue $createElement的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。