vue3类名的动态绑定

最新推荐文章于 2024-07-31 15:02:20 发布

湛海不过深蓝

最新推荐文章于 2024-07-31 15:02:20 发布

阅读量1.2k

点赞数

文章标签： javascript vue.js 开发语言

本文链接：https://blog.csdn.net/bbt953/article/details/125648631

版权

<template>
  <!-- vue3的class类名可以叠加使用，如下所示写两个class，f12里面都会显示 -->
  <h1 class="text" :class="{red: isred}">我是app</h1>   
</template>

<script>
import { ref } from 'vue'
export default {
  name: 'App',
  setup() {
    // 数据
    let isred = ref(true) 

    // 如果不return, view视图层是读不出来的
    return {
      isred,
    }
  }
}
</script>

<style>
.red {
  color: red;
}
</style>