vue使用方法创建组件

阅读 8

2024-11-06

vue 中 创建 组件 使用 方法创建组件

vue2 中

import vueComponent from 'xxxx'
function createFn(){
    const creator = Vue.extend(vueComponent);
    const instance = new creator();
    document.appendChild(instance.$el);
}

vue3 中

import { createApp } from "vue";
import vueComponent from 'xxxxx'
export default function(){

        let divEle = document.createElement("div");
        divEle.style.display = 'none'
        // 让我们节点挂在到一个dom元素上
        document.body.appendChild(divEle);

        
        const $app = createApp(vueComponent);
        
        
        $app.mount(divEle);
    
}

精彩评论(0)

0 0 举报