自学内容网 自学内容网

vue使用方法创建组件

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);
    
}

原文地址:https://blog.csdn.net/forgiveForever/article/details/143526369

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!