Vue 單文件 render 函數的 JSX 語法實現 Element 的 v-model

本文用來記錄我本身學習如何在 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>

效果：