摘要：
toRaw(<Object>) 说明：返回响应式对象原始对象 代码说明： const foo = {} // 这是原始对象 const reactiveFoo = reactive(foo) // reactiveFoo 是响应式对象，foo是原始对象 console.log(toRaw(react 阅读全文
posted @ 2022-09-14 19:31
1024记忆
阅读(2477)
评论(0)
推荐(0)
摘要：
markRaw(<Object>) 说明：将一个对象标记为不可被转为代理。返回该对象本身。 通俗的说，将一对象设置成不能转换成ref或reactive等响应式对象。比如代码： const foo = markRaw({}) //声明变量foo是不能变成响应式 console.log(isReacti 阅读全文
posted @ 2022-09-14 19:24
1024记忆
阅读(394)
评论(0)
推荐(0)
摘要：
triggerRef() 手动更新shallowRef()变量的视图。 代码如下： <template> <h1>{{ state }}</h1> <!-- 这是视图 --> <button @click="change">更新count属性值后，手动更新视图</button> </template 阅读全文
posted @ 2022-09-14 16:40
1024记忆
阅读(313)
评论(0)
推荐(0)
摘要：
shallowReactive() shallowReactive() 也是浅层响应视图。 1、对第一层属性值的修改，会更新到视图层。 2、对除第一层之外的属性值修改，可以改值，但是无法更新到视图层。 3、shallowReactive()无法手动更新视图层，因为没有提供类似triggerRef（） 阅读全文
posted @ 2022-09-14 16:27
1024记忆
阅读(292)
评论(0)
推荐(0)
摘要：
shallowRef() shallowRef()存在的意义：将最终的结果输出到视图，节省一些不必要的输出。 shallowRef()需要理解的： shallowRef是浅层响应式数据，即：修改.value值时会更新视图。而修改具体属性值时，不会更新视图。 比如： // 定义shallowRef变量 阅读全文
posted @ 2022-09-14 15:26
1024记忆
阅读(4530)
评论(0)
推荐(1)
摘要：
readonly() 说明： 接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。 细节：它是深层的。即不管原值是多少子节点、孙节点，都是只读。 用途：保护某些数据不让它意外的被修改。 示例： const original = reactive({ count: 0 阅读全文
posted @ 2022-09-14 14:12
1024记忆
阅读(777)
评论(0)
推荐(0)
摘要：
组件的v-model实现 注意： v-model 只能绑定ref数据。不能绑定reactive响应数据。因为reactive绑定时，无法同步。 方法一：默认绑定 组件test.vue <template> <view><input type="text" :value="modelValue" @i 阅读全文
posted @ 2022-09-14 14:01
1024记忆
阅读(513)
评论(0)
推荐(0)
摘要：
reactive() ： 定义响应式变量，仅支持对象、数组、Map、Set等集合类型有效。对String、number、boolean、等原始类型无效 1、使用前必需引入 reactive <script setup> import { reactive } from 'vue' </script> 阅读全文
posted @ 2022-09-14 11:21
1024记忆
阅读(3973)
评论(0)
推荐(0)
摘要：
ref() ： 定义响应式变量，它可以定义任意类型 1、使用前必需引入 ref <script setup> import { ref } from 'vue' </script> 2、定义语法： const a= ref(0)const b = ref(null)const c = ref({}) 阅读全文
posted @ 2022-09-14 11:15
1024记忆
阅读(14106)
评论(0)
推荐(0)
摘要：
一、定义：二维数组键值对 的形式 const person = new Map([ ['name', '秋風落葉'], ['age', 27], ['sex', '男'] ]) 二、赋值：OBJ.set(键名, 键值) const person = new Map() person.set('nam 阅读全文
posted @ 2022-09-14 09:11
1024记忆
阅读(450)
评论(0)
推荐(0)
浙公网安备 33010602011771号