Vue 动态插入组件用js函数的方式

大佬教我写程序 lv.1

发布时间：2022-10-18 06:38:41 380

Vue 动态插入组件用js函数的方式

第一步 import vue组件
第二步 Vue把组件扩展进去
第三步创建实例
第四步将组件的el挂载到document.body上
第五步设置组件内部data的值，相当于设置props

import yourComponent from './yourComponent.vue'
import Vue from 'vue'
export function openYourComponent (openType = '0') {
  let Task = Vue.extend(yourComponent)
  let taskvm = new Task()
  document.body.appendChild(taskvm.$mount().$el)
  taskvm.openType = openType
}

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

文章来源： https://blog.51cto.com/u_15770151/5630313

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。

Vue 动态插入组件 用js函数的方式

Vue 动态插入组件 用js函数的方式

Vue 动态插入组件用js函数的方式

Vue 动态插入组件用js函数的方式