Svelte Dynami c стиль обработки

Question

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

Есть ли другой подход вместо написания стиля непосредственно в теге необработанного стиля?:

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

Или; какова наилучшая практика в таких случаях, когда предоставленный стиль может быть любым / является динамическим c, а не предварительно классифицируемым?

Answer 1

Вот один пример:

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

EDIT: {style} - это сокращение для style={style}

Вы можете найти рабочий пример из REPL:

https://svelte.dev/repl/f039834923014cd7aca30c54d957c844?version=3.24.0