如何處理可以是聚合物中的字符串或對象的屬性？

Question

我試圖創建一個聚合物網絡組件mapbox-gl-js。

我想設置圓色漆財產（https://www.mapbox.com/mapbox-gl-js/style-spec/#paint-circle-color）與一個聚合物自定義元素的屬性，但這種屬性可以是一個字符串或對象，請參閱：

"circle-color": "#ff0" 

或在案件的數據驅動屬性

"circle-color": { 
    "property": "temperature", 
    "stops": [ 

     // "temperature" is 0 -> circle color will be blue 
     [0, 'blue'], 

     // "temperature" is 100 -> circle color will be red 
     [100, 'red'] 

    ] 
    } 

那麼我應該如何使用Polymer組件的屬性功能？字符串或對象？

class XCustom extends Polymer.Element { 

    static get properties() { 
    return { 
     circle-color: String, 
     // or circle-color: Object ? 
    } 
    } 
} 

customElements.define('x-custom', XCustom); 

感謝您的幫助！ （並且我已經檢查過https://www.webcomponents.org/element/PolymerVis/mapbox-gl，它並沒有完成這項工作）

Answer 1

這並不重要。您可以同時存儲，但爲了清晰起見，請將其存儲爲對象，並且如果該變量是字符串，則將其作爲對象。