美文网首页
template模版转换成render函数

template模版转换成render函数

作者: 罗不错 | 来源:发表于2020-11-09 19:10 被阅读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>

相关文章