vuejs利用js动态插入子组件

功能介绍：本想用v-html来实现不同组件的调用，但是发现v-html不支持vuejs标签，所以就想到了动态调用组件。

1、引入子组件

import myComponent from './myComponent.vue'
import Vue from 'vue'

2、js调用

let Task = Vue.extend(myComponent);
let taskvm = new Task();
document.getElementById('rulesDiv').appendChild(taskvm.$mount().$el);

 

vuejs简单介绍vue安装和卸载方法

vue项目打包后部分样式不生效怎么办（解决办法）

react如何实现父组件传值子组件（子组件只负责渲染）

react如何实现父组件调用子组件函数

vuejs实现页面跳转的的几种方式

标签： vuejs, 动态组件, 子组件

上面是“vuejs利用js动态插入子组件”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2373.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！