动态挂载指定vue组件 Vue.extend $mount('#aaa111')

模板中要有定位

<template>
      <div id="aaa111"></div>
</template>

指定某个函数执行

import Vue from 'vue'
import BatchListForDpfrom 'xxx.vue' 上面引入组件

mounted () {
    const Ss = Vue.extend(BatchListForDp)
    new Ss().$mount('#aaa111')
  },

需求 模板字符串,替换指定的组件。

比如: '这里是文字,后面是个按钮${button},再后面是个${input},我想要个${table}'
然后将相应${xxx} 替换成组件。

这里通过这个方式应该就ok了。先进行第一轮替换,替换成,写到 也没的 html,然后再进行动态挂载。

posted @ 2022-04-20 14:16  彭成刚  阅读(256)  评论(0编辑  收藏  举报