当前位置：首页 > news >正文

好看的网站设计公司广西壮族自治区人民医院

news 2025/7/18 18:21:57

好看的网站设计公司,广西壮族自治区人民医院,把照片做册子的网站,网站地图怎样做官网toRefs() :响应式 API：工具函数 | Vue.js toRefs 在调用时只会为源对象上可以枚举的属性创建 ref。如果要为可能还不存在的属性创建 ref，请改用 toRef。 setup(){const state reactive({name:"张三"age:14})const stateAsToRefs toRef…

官网toRefs() :响应式 API：工具函数 | Vue.js

toRefs 在调用时只会为源对象上可以枚举的属性创建 ref。如果要为可能还不存在的属性创建 ref，请改用 toRef。

setup(){const state = reactive({name:"张三"age:14})const stateAsToRefs = toRefs(state)//stateAsToRefs/*{name:Ref<string>age:Ref<number>}*/state.name = "李四"console.log(stateAsToRefs.name.value)//李四stateAsToRefs.name.value = "张三"console.log(state.name)//张三const {name,age} = stateAsToRefs return {name , age }}

<script setup>function useFeatureX() {const state = reactive({foo: 1,bar: 2})// ...基于状态的操作逻辑// 在返回时都转为 refreturn toRefs(state)
}// 可以解构而不会失去响应性
const { foo, bar } = useFeatureX()</script>

1 当对一个响应式对象进行es6的解构赋值之后，它将失去响应性

可以看到点击修改name的时候，数据变了，但是页面却没有更新。