template模版转换成render函数

2020-11-09  本文已影响0人  罗不错
<!--
 * @Author: your name
 * @Date: 2020-10-12 15:25:07
 * @LastEditTime: 2020-10-28 18:38:34
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue2.0-test\vue3.0_ts\src\components\Btn.vue
-->
<template>
  <div>nihao</div>
</template>

<script lang="ts">
import * as Vue from 'vue'
let { defineComponent, ref, inject, h } = Vue
interface IObj {
  a: number
  b: number
}

let compiler = require('@vue/compiler-core')
let code = compiler.baseCompile('<div>你好123</div>').code

let codeFn = new Function('Vue', code)(Vue)
console.log(codeFn)
export default defineComponent({
  setup() {
    return codeFn
  },
})
</script>

上一篇 下一篇

猜你喜欢

热点阅读