Vue 3 样式使用方法详解还是建议用其他方法它很简单适合快速调整

Vue 3 样式使用方法详解

一、内联样式

在Vue 3里,你可以在模板里直接给元素加样式,这就是内联样式。它很简单,适合快速调整。不过,如果你的样式有点多,还是建议用其他方法,这样代码看起来更清爽。

比如,给一个元素设置红色背景:

<div style="background-color: red;">我是红色的!</div>

二、局部样式

局部样式是写在组件的`