mounted() {<!-- -->
  // 2. 在mounted阶段声明globalFn，来调用组件内的方法
  window.globalFn = () => {<!-- -->
    this.getDetail()
  }
},
methods: {<!-- -->
  // 1. 组件内有一个getDetail方法，需要暴露给window，以供嵌入该页面的客户端调用
  getDetail() {<!-- -->
    // 业务逻辑
  }
}

// ...
const vm = new Vue({<!-- -->
  router,
  store,
  render: (h) => h(App)
}).$mount('#app')
window.vm = vm // 只把vm暴露给window，以后都在vm中做文章
// ...

exports.install = function (Vue) {<!-- -->
  // 把需要暴露出去的方法挂载到Vue原型上，避免了全局变量过多的问题
  // 全局方法都在这里，方便管理
  Vue.prototype.globalFn1 = function () {<!-- -->
    const component = findComponentDownward(this, 'RecommendRecord1')
    component.getDetail1()
  }

  Vue.prototype.globalFn2 = function () {<!-- -->
    const component = findComponentDownward(this, 'RecommendRecord2')
    component.getDetail2()
  }

  // ...
}

/**
 * 由一个组件，向下找到最近的指定组件
 * @param {*} context 当前上下文，比如你要基于哪个组件来向上寻找，一般都是基于当前的组件，也就是传入 this
 * @param {*} componentName 要找的组件的 name
 */
function findComponentDownward(context, componentName) {<!-- -->
  const childrens = context.$children
  let children = null

  if (childrens.length) {<!-- -->
    for (const child of childrens) {<!-- -->
      const name = child.$options.name

      if (name === componentName) {<!-- -->
        children = child
        break
      } else {<!-- -->
        children = findComponentDownward(child, componentName)
        if (children) break
      }
    }
  }
  return children
}

// ...
import Vue from 'vue'
import vmFunction from '@/utils/export2vmFunction'
Vue.use(vmFunction)
// ...