学习Vue3 第六章（认识Ref全家桶）

最新推荐文章于 2025-01-21 13:51:29 发布

C_sodlier

最新推荐文章于 2025-01-21 13:51:29 发布

阅读量131

点赞数

分类专栏： vue3 文章标签：学习 javascript vue.js

本文链接：https://blog.csdn.net/C_sodlier/article/details/129890881

版权

vue3 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

<script setup lang="ts">
import {ref,isRef,shallowRef,triggerRef} from 'vue'
import type {Ref} from 'vue'
//如果类型比较复杂可用：Many：Ref<T>=ref();ref({})为自动识别;ref<T>()定义泛型
const Man = ref({name:'xiao'})

//ref是深层次   shallowRef浅层次的响应
//它们不能一块写，会影响shallowRef,造成视图更新
const Man2 = shallowRef({name:"小彬2"})

const change=()=>{
  //ref返回的值为class的类，所以要带上value
  //Man.value.name='打满'
  
  /*shallowRef只到value
    Man2.value = {
     name:"大B2"
  }*/

  console.log(Man);
  console.log(isRef(Man));//判断是否为ref对象
  triggerRef(Man2);//强制更新
}

</script>