005.Vue3入门,使用绑定属性时,绑定多个自定义属性

1、代码如下:

<template>
  <div v-bind:id="myId1" v-bind:class="testCls" v-bind="objAttrs">测试1</div>
</template>

<script>
export default {
  data() {
    return {
      testCls: "appclass",
      myId1: "appId1",
      objAttrs: {
        dynamic1: "attrs1",
        dynamic2: "attrs2",
      }
    }
  }
}
</script>

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

</style>

2、效果如下:

 

posted @ 2024-08-10 15:01  像一棵海草海草海草  阅读(4)  评论(0编辑  收藏  举报