vue3_03ref操作复杂类型

ref也可以将复杂类型的数据转换为响应式数据，使用方法和处理简单类型数据一样

let a =ref(复杂类型数据)

a.value.xxx

<template>
  <p>{{ objref.num }}</p>
  <button @click="add"></button>
</template>

<script lang="ts">

import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup() {
    let obj = {
      num: 0
    }
    //ref操作复杂类型数据，将要双向绑定的数据传入ref函数，然后return出去
    let objref = ref(obj)
    let add = () => {
      objref.value.num++
    }
    return {
      objref,
      add
    }
  }

})
</script>

<style>

</style>