sfc parse Specifies whether to directly parse vue strings？

[liujiale3610]

The following code is the function I hope to achieve. Can compiler-sfc support this scenario? If not, is there any good solution at present? What I want to do is directly parse the string in the vue file (the string is already fetched), which contains the template, script, and style.

<template>
  <div class="form-custom">
    <TestCom></TestCom>
  </div>
</template>

<script setup lang="ts">
 import { onMounted, compile } from 'vue';
 import * as sfc from "@vue/compiler-sfc";
 import { parse } from "@vue/compiler-sfc";
  
const str = `
  <template>
    <div class="form-custom-test">
  
    </div>
  </template>
  <script setup lang="ts">
    import { onMounted, compile, defineComponent } from 'vue';
  
    onMounted(() => {
      console.log("测试 compile");
    });
  </script>
  <style lang="scss" scoped>
    .form-custom-test {
      width: 200px;
      height: 200px;
      background-color: teal;
    }
  </style>
`;
  
  console.log(sfc);
  const TestCom = parse(str, {
    
  });

  onMounted(() => {
    console.log("测试");
  });
</script>
<style lang="scss" scoped>
  .form-custom {
    width: 200px;
    height: 200px;
    background-color: teal;
  }
</style>

[liujiale3610]

取消