2-ref使用

 

<template>
  <div>
    <button @click="changeMsg">change</button>
    <div>{{ message }}</div>
    <div>{{ shadowNum }}</div>
  </div>
</template>

<script setup lang="ts">
import { ref, Ref, isRef, shallowRef, triggerRef } from 'vue'
  let message: Ref<string>  = ref('message')
  let notRef: number = 1

  let shadowNum = shallowRef({
    name: '测试'
  })
  const changeMsg = () => {
    message.value = "change msg"
    console.log(message)//返回时候是一个对象
    console.log(isRef(message), isRef(notRef)) //isRef 判断是不是一个ref对象
    shadowNum.value.name = '测试222222'
    //triggerRef(shadowNum) 强制刷新
  }

</script>

<style scoped>

</style>