Javascript

vue jsx

本文主要是介绍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>
    )
  }
}
这篇关于vue jsx的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航