vue 点击按钮实现动态挂载子组件的方法

nofollow" target="_blank" href="https://cn.vuejs.org/v2/api/#Vue-extend">Vue.extend( options )

参数：

{Object} options

用法：

使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

示例：子组件 byMount.vue

rush:js;">

父组件：

rush:js;">

----------------------------------------------------- ..... import byMount from './byMount.vue'; .... export default { name: 'parent',methods:{ dyncMount(){ var Profile = Vue.extend(byMount); // 创建 Profile 实例，并挂载到一个元素上。 new Profile().$mount('.dync.mount'); } ..... }

以上这篇vue 点击按钮实现动态挂载子组件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

原文地址：https://www.jb51.cc/vue/30376.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：对类Vue的MVVM前端库的实现代码下一篇：vue.js+element-ui动态配置菜单的实