在Sightly中,您可以使用data-sly-use,在JS中,您可以使用CQ.WCM.getTopWindow().CQ.WCM.getPageProperties()来获取继承的组件属性。
例如,在Sightly中,您可以使用以下代码:
    Inherited property value: ${pageProperties.inheritedProperty}
    Component property value: ${componentProperties.componentProperty}
这将使用data-sly-use指令创建两个变量pageProperties和componentProperties来存储页面和组件属性。在此示例中,inheritedProperty是继承页面属性,而componentProperty是组件属性。
在JS中,您可以使用以下代码:
var pageProperties = CQ.WCM.getTopWindow().CQ.WCM.getPageProperties();
var componentProperties = CQ.WCM.getTopWindow().CQ.WCM.getComponentProperties('/path/to/my/component/properties');
console.log('Inherited property value: ', pageProperties.inheritedProperty);
console.log('Component property value: ', componentProperties.componentProperty);
这将使用CQ.WCM.getTopWindow().CQ.WCM.getPageProperties()获取页面属性,使用CQ.WCM.getTopWindow().CQ.WCM.getComponentProperties()获取组件属性。在此示例中,inheritedProperty是继承页面属性,而componentProperty是组件属性。