这更多是一个“理论”问题，而不是我遇到的实际问题。
<template>
<div class="error" style="position:absolute;left: 45%;color: red"
v-if="!$v.details.url.required && submitError">Field is required
</div>
<small>URL</small>
<b-input :disabled="!is_admin" v-model="details.url"></b-input>
</template>
为了清楚起见（这可能会导致不同的答案，而不是我看到的原因），我在Vue.JS中编写 但对于Angular或React，我也会这样做。
我的问题是。
编写代码时应该如何使用内联样式。 有时，我需要对元素进行一些小的调整（从上面的代码中看到的同时具有类和样式）。 这些调整不需要整个CSS类，在其他任何地方都不会再次使用它们。 我是否为每个小的更改都编写了一个类（即使我试图编写一个满足所有要求的真正通用的类时） 我会有一个巨大的肿部分，即使在包含的组件中也往往难以遍历。 如果我将样式作为组件中的对象编写，我最终会遇到太多无法处理的对象，而我又迷失了方向。
我会尽可能地编写类，并且会使用绑定到模板的样式对象 但最终我得到了很多小的内联样式代码。
这是不良行为吗？有没有更好的方法来处理所有这些小的调整？还是更好，更清洁的方式将它们写下来？ 我是否应该坚持编写仅在单个dom元素上使用的小型无意义类？还是写这样的东西不如感觉的那么糟糕？每当我使用'style'属性时，我都会觉得自己像个罪人，这让我发疯
