vue render渲染函数 怎么写v-if

在 Vue 的 render 函数中，可以使用 JavaScript 的条件语句来实现 v-if 的功能。具体来说，可以使用 `if...else` 或者三元表达式 (`condition ? trueValue : falseValue`) 来进行条件判断。

下面是一个使用 `if...else` 来实现 v-if 的例子：

Vue.component('MyComponent', {
  render: function (createElement) {
    if (this.show) {
      return createElement(
        'h1',
        { class: 'header' },
        this.$slots.default
      )
    } else {
      return createElement('div')
    }
  },
  props: {
    show: {
      type: Boolean,
      default: true
    }
  }
})

在上面的例子中，我们使用了 `if...else` 来判断是否需要渲染 h1 标签。如果 show 属性为 true，则渲染 h1 标签，否则渲染一个空的 div 标签。

除了使用 `if...else`，我们还可以使用三元表达式来实现 v-if 的功能。下面是一个使用三元表达式的例子：

Vue.component('MyComponent', {
  render: function (createElement) {
    return createElement(
      'div',
      [
        this.show ? createElement(
          'h1',
          { class: 'header' },
          this.$slots.default
        ) : null
      ]
    )
  },
  props: {
    show: {
      type: Boolean,
      default: true
    }
  }
})

在上面的例子中，我们使用三元表达式来判断是否需要渲染 h1 标签。如果 show 属性为 true，则渲染 h1 标签，否则渲染 null。注意，在使用三元表达式时，需要将 false 的情况渲染为 null，而不是空的 div 标签。