在一般的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
提交
取消