Vue.jsでpropsとスタイルを動的に紐付けるやり方 - Qiita

上記の color large icon outlined っていう4つのpropsをどうスタイルに紐づけるか？ スタイルも意識したコンポーネントの作成をしてみましょう。 TL;DR colorのようにを値の種類が複数あるものは style で__上書き__ outlined のようにtrue/falseの真偽値で表せるものは class を__付与__ コンポーネントの全体コード 動作環境としてはTypeScript化したNuxt.jsですが、概念を伝えるのが目的なので環境設定等は省略します。悪しからず。 <template> <button type="button" :class="classes" :disabled="disabled" :style="styles"> <slot></slot> </button> </template> <script lang="ts">