003.Vue3入门,使用绑定属性

1、代码如下:

复制代码
<template>
  <div v-bind:id="myId" v-bind:class="testCls">测试</div>
</template>

<script>
export default {
  data() {
    return {
      testCls: "appclass",
      myId: "appId",
    }
  }
}
</script>

<style>
.appclass {
  color: red;
  font-size: 30px;
}

</style>
复制代码

2、效果如下:

 

posted @   像一棵海草海草海草  阅读(20)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2021-08-10 172.浦东外站库发料发错,用MIGO冲销提示仓位不存在的解决办法
2019-08-10 2019年年度计划与八月计划
点击右上角即可分享
微信分享提示