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

全局监听,性能低一点


相关推荐
kyriewen118 分钟前
Next.js:让你的React应用从“裸奔”到“穿衣服”
开发语言·前端·javascript·react.js·设计模式·ecmascript
代码丰8 分钟前
Github高赞项目50K learn-claude-code 的学习笔记总结
笔记·学习·github
MXN_小南学前端9 分钟前
基于 Vue3 + ECharts 的数据大屏实例(提供gitHub仓库地址)
前端·javascript·echarts
三品吉他手会点灯13 分钟前
C语言学习笔记 - 18.C编程预备计算机专业知识 - 什么是变量
c语言·开发语言·笔记·学习
宁雨桥16 分钟前
for of,for in以及传统for循环的区别与不同场景下的使用选择
前端·javascript
STLearner36 分钟前
AI论文速读 | QuitoBench:支付宝高质量开源时间序列预测基准测试集
大数据·论文阅读·人工智能·深度学习·学习·机器学习·开源
椰羊~王小美1 小时前
除了前端 JS 配置的国际化,对于 JS 没覆盖到的文本,怎么实现国际化
前端·javascript·状态模式
AC赳赳老秦1 小时前
DBA 专属方案:用 OpenClaw 实现 SQL 语句优化、慢查询分析、数据库备份巡检全自动化
服务器·前端·数据库·ffmpeg·自动化·deepseek·openclaw
文慧的科技江湖1 小时前
光储充一体化开源能源管理系统 需求说明书(简单版) - 慧知开源充电桩平台
小程序·开源·能源·光储充·光伏系统·实现光储充全设备统一监控·光储充一体化开源能源管理系统
醇氧1 小时前
WSL2(Windows Subsystem for Linux ) 从入门到实践指南
linux·运维·服务器·windows·学习