如何使用 `h` 创建一个非空的注释节点？

Question

以下代码将生成一个空注释节点，即 <!---->。
如何生成非空注释节点，例如<!-- Foo --> 使用 h?

export default {
  render(h) {
    return h(null)
  },
}

Answer 1

选项 1：h(null) 将字符串作为第二个参数

export default {
  render(h) {
    return h(null, 'This is a comment')  // <!--This is a comment-->
  },
}

选项 2：h(Comment) 将字符串作为第二个参数

import { h, Comment } from 'vue' // Vue 3

export default {
  render() {
    return h(Comment, 'This is a comment')  // <!--This is a comment-->
  },
}

选项 3：createCommentVNode() 以字符串作为参数

import { createCommentVNode } from 'vue' // Vue 3

export default {
  render() {
    return createCommentVNode('This is a comment')  // <!--This is a comment-->
  },
}