vue2+composition-api的方式对象增加属性页面不更新

Compoisition API 插件不是 Vue 3,这其实是vue2的限制,github上有这样一个提问: https://github.com/vuejs/composition-api/issues/334

<div>
  <div v-for="item in dataObj">{{item.name}}:{{item.val}}</div>
  <button @click="addAttr">增加对象属性</button>
</div>

const dataObj = ref([{
  name: 1,
  // val: 0, // 默认没有的属性
}])
const addAttr = () => {
  // dataObj.value[0].val = 11 // 新增一个属性,这样数据可以更新但页面不会渲染
  set(dataObj.value[0], 'val', 11) // import { set } from '@vue/composition-api' 还是需要像vue2一样修改属性
}