Vue3 - style v-bind 动态样式（详细使用教程）

前言

对比 Vue2 ，引出并展开 Vue3 。

本文讲述了 style v-bind 动态样式是什么，以及使用方法和代码示例。

简介

相信大家对于这块的理解肯定没问题，所以不过多解释了。

简单来说就是把我们 script 中的数据可以在 style 标签中使用，大白话讲就是用我们的 JS 逻辑，更 “优雅” 的改变元素样式。

Vue2 示例

我们先用 Vue2 实现一个动态样式的小例子，如下代码所示：

<template>
    <div :class="flag ? 'open' : 'close'
1