本文用来记录我自己学习如何在 Vue 单文件中通过 JSX 语法实现 render 函数的渲染，总共涉及到了以下知识点： Vue、Element-ui、v-model、render、JSX。

实现了 Element-ui el-input 组件的 v-model

代码

<script>
export default {
  name: 'about',
  data () {
    return {
      value: ''
    }
  },

  render () {
    return (
      <el-input
        value={ this.value }
        on-input={ value => this.value = value }
        maxlength="10"
        show-word-limit
      ></el-input>
    )
  }
}
</script>

效果