苗条的动态风格处理

Question

https://svelte.dev/repl/83031a6a492c4a30a861e4310209e9b6?version=3.24.0

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

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

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

Answer 1

这是一个例子：<script>&nbsp; let bgcol="blue"&nbsp; let style=`color:red;background-color:${bgcol}`</script>&nbsp;&nbsp;&nbsp; &nbsp;<h1 {style}> Hello <h1>编辑：{style}是简写style={style}您可以从 REPL 中找到工作示例：https://svelte.dev/repl/f039834923014cd7aca30c54d957c844?version=3.24.0