vue.js - 如何在 vue-cli 中使用当前文件和作为 mixins 导入的文件中的模板

Question

var Foo = new Vue({
  template: `<div><p>this is in Foo</p></div>`
})

var Bar = new Vue({
  el: "#app",
  mixins: [Foo],
  created () {
    console.log(Foo)
  },
  template: `<div>` + Foo.$options.template + `<p>others</p></div>`
})

输出：

// this is in Foo
// others

它在https://jsfiddle.net/once_ss/eywraw8t/424968
代码显示您可以保留来自 Foothis is in Foo的模板和来自 Bar 的模板others。
但是我找不到在 vue-cli 中做同样事情的方法。
在我的试验中，您可以只保留 Foo 中的模板（如果<tempalte></template>Bar 中没有）或 Bar 中的模板（如果<tempalte>...</template>Bar 中有）。

我认为在 vue-cli 中应该是可能的，但是有人可以告诉我怎么做吗？

标签： vue.jsvue-cli