样式
style: 指令提供了一种简写方式,用于在元素上设置多个样式。
<!-- These are equivalent -->
<div style:color="red">...</div>
<div style="color: red;">...</div>值可以包含任意表达式
<div style:color={myColor}>...</div>允许使用简写形式
<div style:color>...</div>可以在单个元素上设置多个样式
<div style:color style:width="12rem" style:background-color={darkMode ? 'black' : 'white'}>...</div>要将样式标记为重要,请使用 |important 修饰符
<div style:color|important="red">...</div>当 style: 指令与 style 属性组合使用时,指令将优先
<div style="color: blue;" style:color="red">This will be red</div>