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

Question

如何以编程方式在 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'

Answer 1

深入了解数据对象

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