Js-dynamic-components NPM

安装本项目

npm i js-dynamic-components

使用本项目

// 在您的vue组件当中导入npm包
import {Dynamically_insert_components} from 'js-dynamic-components'
// 使用本项目 示例如下 直接调用该方法
Dynamically_insert_components(Assembly,Tvalue,Id)

示例

// 例如 自注册，或者全局注册的自定义组件
import com2 from './Home'
export default {
    components: {
        com2
    },
    data() {
        return {
            data:'数据传值测试1'
        };
    },
    mounted() {
        this.ss()
    },
    methods: {
        ss(){
            Dynamically_insert_components(com1,this.data,"a1")
        }
    },
};

参数说明

参数	参数说明
注意	使用js-dynamic-components前，需要对自己开发项目进行一次npm i初始化操作（因为基于vue的extend方法实现，需要还原安装vue）
Assembly	自定义组件名称，导入即可
Tvalue	props传值 ,字符串，数组，对象都可以，子组件props传值参数Transfer_data
Id	需要添加vue自定义组件的DOM的id，字符串传入，"id"