vue手动挂载组件到指定节点上

1.挂载直接引入的组件

import DMap from './DMap.vue'
const dmap = Vue.extend(DMap)
let dmapComponent = new dmap({
    // body...等指定节点
    el: this.$refs.mapEl,
    store: this.$store,
    propsData: {
        // 传递参数
        name: 'custom'
    }
})
// 监听事件
dmapComponent.$on("init", map => {
    console.log(map)
})

2.挂载异步请求的组件

window.require(['views/DMap.js'], module => {
    const dmap = Vue.extend(module.default)
    // body...等指定节点
    const el = this.$refs.mapEl
    const dmapComponent = new dmap({
        data () {
            return {
              data: {}
            }
          }
        }).$mount(el)
    // 监听事件
    dmapComponent.$on('init', map => {
        console.log(map)
    })
})