[英]Extending Ractive component when using a loader
我一直在试图避开使用元件装载在描述组件规格 。 我不确定如何通过组件文件执行以下操作:
var bookmarkableBaseClass = Ractive.extend({
oninit : function(){
this.on(commonBookmarkEvents);
},
data : {
badgeDefinitions: globalCommonBadgeDefinitions
}
});
Ractive.components.singlecard = bookmarkableBaseClass.extend({
template: "#smallcarditem"
});
Ractive.components.singleline = bookmarkableBaseClass.extend({
template: "#cardlineitem"
});
换句话说-具有一个组件,该组件扩展了具有公共属性的另一个基本组件-即公共数据以及公共代理事件处理程序。 目前,组件规范仅允许我包括其他组件,但没有上述继承。
尽管已对其进行了讨论 ,但目前尚不支持该功能。 我认为最好的选择是这样的:
<div class='singlecard'>
<!-- template goes here -->
</div>
<script>
var bookmarkableBaseClass = require('./bookmarkableBaseClass');
component.exports = {
base: bookmarkableBaseClass,
someSubclassMethod: function () { /*...*/ }
};
</script>
任何现有的组件加载程序都可以很容易地进行修改,以简化此过程–您在使用哪个?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.