苗条的动态风格处理

【问题标题】：Svelte dynamic style handling苗条的动态风格处理
【发布时间】：2020-08-05 11:48:44
【问题描述】：

是否有另一种方法而不是将样式直接写入原始样式标签？：

<div style="width: {width}; height: {height};">ᕕ( ᐛ )ᕗ</div>

或者;在这种情况下，什么是最佳实践，交付的样式可以是任何东西/是动态的，并且不可预分类？

【问题讨论】：

【解决方案1】：

这是一个例子：

<script>
  let bgcol="blue"
  let style=`color:red;background-color:${bgcol}`
</script>  
    
<h1 {style}> Hello <h1>

编辑：{style} 是 style={style} 的简写

您可以从 REPL 中找到工作示例：

【讨论】：