使用 TypeScript 在 Vue.js 中设置 VNode 属性的最佳方法答案

【问题标题】：Best way to set VNode attributes in Vue.js using TypeScript使用 TypeScript 在 Vue.js 中设置 VNode 属性的最佳方法
【发布时间】：2018-11-24 18:41:05
【问题描述】：

如何以编程方式在 Vue.js 标记节点 (VNode) 上设置属性，而无需每次都定义 vnode.data 和 vnode.data.attrs？

我使用的方式远非最佳：

const itemNode = h('div', item.title)
itemNode.data = {}
itemNode.data.attrs = {}
itemNode.data.attrs.class = 'some-class'

【问题讨论】：

标签： typescript vue.js vuejs2 vue-component

【解决方案1】：

通过The Data Object In-Depth 解决

const menuItemNode = h(
  'div',
  {
    class: {
      'some-good-class': true,
      'some-bad-class': false
    }
  },
  item.title
)

【讨论】：