在一般的vue写法中,mixins可以混入templatevar 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 Fooothers可以在 https://jsfiddle.net/once_ss/...点击预览 运行它这其中,Bar不仅有自己的template内容(others),而且还使用了mixins进来的Foo的template(this is in Foo)。但是在vue-cli中没法这么写,倘若在Bar.vue中写了<template></template>那么就会只显示Bar自己的这部分template,如果Bar.vue根本就不写<template></template>,那么就会显示Foo中的template内容。问题就在这里,如何在vue-cli中同时显示Foo本身的和Bar本身的template内容?
添加回答
举报
0/150
提交
取消