v-if判断空对象

需求，当对象为空时，不显示某个div中的内容

一开始的代码如下：

<template>
<div class="box" v-if="obj">
  <span>1111111111111</span>
</div>
</template>
<script lang="ts" setup>
let obj = {}
</script>

<style lang='scss' scoped>
</style>

obj明明是空对象，但是该div还是显示了？

优化：使用Object.keys(obj).length，判断该对象里有几个属性（没有属性就是空对象）

Object.keys(obj)是由对象的属性（不包含属性值）构成的数组

<template>
<div class="box" v-if="Object.keys(obj).length">
  <span>1111111111111</span>

</div>
</template>
<script lang="ts" setup>
let obj = {}
</script>

<style lang='scss' scoped>
</style>

如果obj={key：1}，那么Object.keys(obj).length=1