vue jsx

安装vue

cnpm i -g @vue/cli
cnpm i -g @vue/cli-service-global

创建基本文件

  • main.js
import Vue from 'vue';
import App from './App';
new Vue({
  el: '#app',
  render: h => h(App)
})


  • App.vue
<template>
    <div>
        <labelx :t="2">你好,中国</labelx>
    </div>
</template>
<script>
    import labelx from './component/label.js'
    export default {
      components: {
        labelx
      }
    }
</script>
  • label.js
export default {
  props: {
    t: {}
  },
  render() {
    let tag = 'h' + this.t;
    return (
      <tag>{this.$slots.default}</tag>
    )
  }
}


上一篇:多个input框 输完后鼠标光标后移 删除自动前移


下一篇:Vue3_12(高级语法) h函数 | jsx