vue3重构中DSL封装el-tooltip中遇到的v-bind问题

102 阅读1分钟

封装el-tooltip时想要拿到所有绑定的属性值拿来做判断,看是否有自带的属性值?没有就用自定义属性,如何拿到所有属性?

v-bind用来绑定数据和属性以及表达式,缩写为''

之前理解的v-bind都是绑定文本和绑定属性

绑定属性v-bind:(属性值)可以动态绑定属性值。

但是直接写v-bind是什么?

 <el-input v-bind:placeholder="'test1'" />
 <el-input v-bind="{placeholder:'test2'}"/>
 <el-input v-bind="options" />
 <script setup>
   import { ref,reactive} from "vue";
   let options = reactive({size:'small',placeholder:'test pc'});
  </script>

image.png

可以看到v-bind:(单个属性) v-bind="{总和的属性}"