uniapp学习(003-3 vue3学习 Part.3)

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战,开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第21p-第p25的内容


文章目录

双向绑定的实现原理



也可以这么写

这就是v-model的底层原理

例子

删除方法

追加方法,追加到list里,并且清空输入框

计算属性

例子1

双向绑定格式


改成计算属性

ps: 只有一行代码的情况

javascript 复制代码
()=>{
return a+b;
}

可简写成

javascript 复制代码
 ()=>a+b

也可以写成方法 这样的话调用的时候必须加括号(因为是个函数了)

计算属性是有缓存的,方法的话每次调用都需要计算

计算属性上方调用几次都是只调用一次这个计算方法

而方法的话 则需要调用3次方法

计算属性调用的时候 最好设置成只读

例子2

watch



两个参数 分别代表老值和新值

也可以不写老值,只看新值

这样无法监听 因为watch是浅层次监听

这样可以监听person.name

如果想深度监听 需要开启(开启对性能有影响)

reactive是默认开启深度监听的 ref默认不开启深度监听

分开监听

watchEffect

全局监听,性能低一点


相关推荐
王解39 分钟前
webpack loader全解析,从入门到精通(10)
前端·webpack·node.js
静止了所有花开40 分钟前
SpringMVC学习笔记(二)
笔记·学习
我不当帕鲁谁当帕鲁44 分钟前
arcgis for js实现FeatureLayer图层弹窗展示所有field字段
前端·javascript·arcgis
qq_332783541 小时前
wx小程序turf.js判断点是否位于该多边形内部
小程序
那一抹阳光多灿烂1 小时前
工程化实战内功修炼测试题
前端·javascript
爱吃生蚝的于勒1 小时前
C语言内存函数
c语言·开发语言·数据结构·c++·学习·算法
放逐者-保持本心,方可放逐2 小时前
微信小程序=》基础=》常见问题=》性能总结
前端·微信小程序·小程序·前端框架
计算机-秋大田2 小时前
基于微信小程序的养老院管理系统的设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
L_cl3 小时前
Python学习从0到1 day26 第三阶段 Spark ④ 数据输出
学习
Mephisto.java3 小时前
【大数据学习 | HBASE】hbase的读数据流程与hbase读取数据
大数据·学习·hbase