给网站做视频怎么赚钱,浙江省建设厅网站图审备案,青岛建网站,自定义图片wordpresscomputed
computed 计算属性计算属性 就是当依赖的属性的值发生变化的时候#xff0c;才会触发他的更改#xff0c;如果依赖的值#xff0c;不发生变化的时候#xff0c;使用的是缓存中的属性值。 import {reactive,ref,computed} from vue//price 改变…computed
computed 计算属性计算属性 就是当依赖的属性的值发生变化的时候才会触发他的更改如果依赖的值不发生变化的时候使用的是缓存中的属性值。 import {reactive,ref,computed} from vue//price 改变m同步变化 const returnData reactive({price: 66,})//加工数据//函数形式const totalPrice computed(() {return (returnData.price * 1).toFixed(2)})//对象形式let NewTotalPrice computed({get: () {return returnData.price},set: (value) {returnData.price value}})reduce 知识拓展文章
简单用法
var arr [1, 2, 3, 4];
var sum arr.reduce((x,y)xy)
var mul arr.reduce((x,y)x*y)
console.log( sum ); //求和10
console.log( mul ); //求乘积24参考文章
reduce()方法详解-CSDN博客
watch侦听器
watch 需要侦听特定的数据源并在单独的回调函数中执行副作用
watch第一个参数监听源
watch第二个参数回调函数cbnewVal,oldVal
watch第三个参数一个options配置项是一个对象{
immediate:true //是否立即调用一次
deep:true //是否开启深度监听
}
//侦听器,监听ref值单一的// 新的值---- 监听// 旧的值---- undefinedwatch(watchData, (newVal, oldVal) {console.log(新的值----, newVal);console.log(旧的值----, oldVal);}, {immediate: true,deep: true})function watchdatachange() {watchData.value 监听变化}//侦听器,监听ref值监听多个单一数据//打印的值// 新的值---- (2) [监听变化, 监听第二个数据]// 旧的值---- (2) [监听, 监听第二个数据]watch([watchData, watchDatatwo], (newVal, oldVal) {console.log(新的值----, newVal);console.log(旧的值----, oldVal);}, {immediate: true,deep: true})//使用reactive监听深层对象开启和不开启deep 效果一样//监听 reactive 的值跟 ref 不一样 ,侦听多值watch(returnData, (newVal, oldVal) {console.log(新的值----, newVal);console.log(旧的值----, oldVal);}, {immediate: true})//监听 reactive 的值跟 ref 不一样 ,侦听单一值watch(() returnData.watchData, (newVal, oldVal) {console.log(新的值----, newVal);console.log(旧的值----, oldVal);}, {immediate: true})
