caizy

监听Reactive let message = reactive({nav:{bar:{name:""}}}) watch(message, (newVal, oldVal) => { consol

监听多个ref 注意变成数组 let message = ref('') let message2 = ref('') watch([message,message2], (newVal, oldVa

watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用 watch的三个参数： watch第一个参数监听源 watch第二个参数回调函数cb（newVal,oldVal） watch第三个参

computed购物车案例 进行总价的计算 $total = computed(() => { // 累加器 reduce(回调函数()=>{}, 初始值0) return data.reduce((

computed用法 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 1 函数形式 let m = computed(()=>{

toRaw 将响应式对象转化为普通对象 实例： let obj = reactive({foo: 1,bar: 1}) const state = toRaw(obj) const change =

toRefs 可以帮我们批量创建ref对象主要是方便我们解构使用 实例： let obj = reactive({foo: 1,bar: 1}) let { foo, bar } = toRefs(o

toRef 如果原始对象是非响应式的就不会更新视图 数据是会变的 实例： let obj = reactive({foo: 1,bar: 1}) const state = toRef(obj, 'b

reactive 用来绑定复杂的数据类型 例如 对象 数组 使用reactive 去修改值无须.value 实例： let person = reactive({ name: 'abc' }) per