Vuejs2 将vue材质组件扩展到我自己的组件中

Vuejs2 将vue材质组件扩展到我自己的组件中,vuejs2,vue-material,Vuejs2,Vue Material,我想扩展Vue材质组件,以便在项目中抽象它们;e、 g.有一个名为“我的图标”的图标组件,它将简单地继承/扩展md图标组件。所以在我的项目中,我可以使用,它只需要使用md图标 我尝试使用以下工具创建MyIcon/index.js: import VueMaterial from 'vue-material'; export default function install(Vue) { Vue.component('my-icon', Vue.extend(VueMateria

我想扩展Vue材质组件,以便在项目中抽象它们;e、 g.有一个名为“我的图标”的图标组件,它将简单地继承/扩展md图标组件。所以在我的项目中,我可以使用,它只需要使用md图标

我尝试使用以下工具创建MyIcon/index.js:

import VueMaterial from 'vue-material';

export default function install(Vue) {    
    Vue.component('my-icon', Vue.extend(VueMaterial.mdIcon));
}
并得到了错误信息:

[Vue warn]:未能装载组件:未定义模板或呈现函数

我真的希望能够扩展这些组件,而不必为每个组件定义模板,因为这将重复很多工作。在一个完美的世界中,我可以使用现有的vue材质组件,将它们重命名为我想要的名称,并能够通过覆盖模板来扩展功能。这样,我可以在大部分工作中使用vue材质组件,并在需要时添加/替换,而无需修改上游工作


有人对此有什么建议/想法吗?

您可以通过实际重用组件来扩展组件

<template>
 <div class="myCustomIcon">
   <md-icon></md-icon>
 </div>
</template>
import VueMaterial from 'vue-material';

export default{
 components:{
  mdIcon
 }
}

从“vue材质”导入vue材质;
导出默认值{
组成部分:{
mdIcon
}
}

我对此很担心。我现在已经准备好了,但我希望我可以“通过”模板的功能,而不必自己编写。编写我自己的模板的结果是,现在我需要支持传递所有属性、数据等,而我真正想要的是它当前的功能。我希望这是有道理的,谢谢你的回答。