摘要：
shallowReactive() shallowReactive() 也是浅层响应视图。 1、对第一层属性值的修改，会更新到视图层。 2、对除第一层之外的属性值修改，可以改值，但是无法更新到视图层。 3、shallowReactive()无法手动更新视图层，因为没有提供类似triggerRef（） 阅读全文
摘要：
shallowRef() shallowRef()存在的意义：将最终的结果输出到视图，节省一些不必要的输出。 shallowRef()需要理解的： shallowRef是浅层响应式数据，即：修改.value值时会更新视图。而修改具体属性值时，不会更新视图。 比如： // 定义shallowRef变量 阅读全文
摘要：
readonly() 说明： 接受一个对象 (不论是响应式还是普通的) 或是一个 ref，返回一个原值的只读代理。 细节：它是深层的。即不管原值是多少子节点、孙节点，都是只读。 用途：保护某些数据不让它意外的被修改。 示例： const original = reactive({ count: 0 阅读全文
摘要：
组件的v-model实现 注意： v-model 只能绑定ref数据。不能绑定reactive响应数据。因为reactive绑定时，无法同步。 方法一：默认绑定 组件test.vue <template> <view><input type="text" :value="modelValue" @i 阅读全文
摘要：
reactive() ： 定义响应式变量，仅支持对象、数组、Map、Set等集合类型有效。对String、number、boolean、等原始类型无效 1、使用前必需引入 reactive <script setup> import { reactive } from 'vue' </script> 阅读全文
摘要：
ref() ： 定义响应式变量，它可以定义任意类型 1、使用前必需引入 ref <script setup> import { ref } from 'vue' </script> 2、定义语法： const a= ref(0)const b = ref(null)const c = ref({}) 阅读全文
摘要：
一、定义：二维数组键值对 的形式 const person = new Map([ ['name', '秋風落葉'], ['age', 27], ['sex', '男'] ]) 二、赋值：OBJ.set(键名, 键值) const person = new Map() person.set('nam 阅读全文