vue3.0的弹窗

<template>
    <teleport to="#modal-container">
          <div class="test">
            <el-button type="primary">这是一个测试</el-button>
          </div>
    </teleport>
</template>
<script>

export default {
    name:"Test"
}
</script>

import { createVNode ,render} from ‘vue‘
const body = document.body;
const root = document.createElement("div");
body.appendChild(root);
root.className = "custom-root";
export default {
    install(app){
        let div = document.createElement("div");
        root.appendChild(div);
        // com 为自己写的组件,  SoltChild 可以是自己的子组件 ，也可以不传
        let vm = createVNode(com,{},{
            // slots
            default:()=>createVNode(SoltChild)
        });
        vm.appContext = app._context; // 这句很关键，关联起了数据
        render(vm,div);
        
    }
}