vue3 - 02.ref全家桶

ref:

<template>
  <div>
    {
  {name}}
    <hr />
    <button @click="handleChange">change</button>
  </div>
</template>
<script setup lang='ts'>
  import { ref } from 'vue'
  type info = {
    name:string
  }
  const name = ref<info>({
    name:"xiaoming"
  })
  const handleChange = () => {
    name.value.name = "xiaohong"
  }
</script>
<style scoped>
</style>

isRef：判断当前是否为ref对象

<template>
  <div>
    {
  {name}}
    <hr />
    <button @click="handleChange">change</button>
  </div>
</template>
<script setup lang='ts'>
  import { isRef, ref } from 'vue'
  type info = {
    name:string
  }
  const name = ref<info>({
    name:"xiaoming"
  })
  const handleChange = ()