2-ref使用

最新推荐文章于 2023-12-26 01:52:30 发布

sunnyboysix

最新推荐文章于 2023-12-26 01:52:30 发布

阅读量664

点赞数

分类专栏： vue3官网学习文章标签： vue3

本文链接：https://blog.csdn.net/sunnyboysix/article/details/126510168

版权

vue3官网学习专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<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>