template-slot,render,render-jsx，在vue里面哪个渲染起来最快

Question

template写法

<template slot-scope="{ row, index }" slot="setupRadio">
    <span :class="setupRadioColor(row.setupRadio)">{{row.setupRadio}}</span>
</template>

render-jsx写法

render: (h, { row, params, index }) => {
    return (
      <span class={this.semClickSetupColor(row.semClickSetup)}>{row.semClickSetup}</span>
    )
},

render写法

h(
'span',
{class:this.semClickSetupColor(row.semClickSetup)},~~~~
row.semClickSetup
)

从vue优化方面来看，哪一种渲染速度最快

Answer 1

现在大多都是构建时编译，三种写法构建打包时都会统一编译成render 函数写法，这样就没啥区别。
非要纠结就是render 函数写法最快，理由同上，在运行时编译情况下。