为了账号安全,请及时绑定邮箱和手机立即绑定

如何在vue-cli中调用mixins的template

如何在vue-cli中调用mixins的template

杨__羊羊 2018-11-13 14:29:33
在一般的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内容?
查看完整描述

1 回答

?
互换的青春

TA贡献1797条经验 获得超6个赞

这个是不能通过mixins实现的,如果两个值相同,只会保留当前组件的值,你可以将foo作为一个组件引入bar,然后再在bar中显示

查看完整回答
反对 回复 2018-11-13
  • 1 回答
  • 0 关注
  • 1869 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信