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

全局监听,性能低一点


相关推荐
_阿南_6 小时前
项目中新增给AI制定的代码规范
前端·程序员
mykj15517 小时前
英语单词APP解锁学习新方式,智能高效背单词
学习·英语单词app
名字还没想好☜7 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
数商云企7 小时前
2026年陕西软件开发首选数商云企AI微入口小程序定制方案
人工智能·小程序
知识分享小能手7 小时前
深度学习学习教程,从入门到精通,深度学习中的正则化 — 完整知识点与代码示例(7)
人工智能·深度学习·学习
console.log('npc')8 小时前
Git 冲突与 AI 协助指南
前端·人工智能·git·大模型
~kiss~8 小时前
Agent 的 未来吗?String: An Agentic OS Where Every App Is a Markdown File
学习
HugoStudio_SWAN9 小时前
洛谷 B4450 / B3867 / B3923 智慧购物、储蓄与做题——从程序到生活
c++·学习·程序人生·算法·生活
爱学堂IT分享9 小时前
Cesium可视化系统实战课程-Cesium教程学习
前端
糖墨夕9 小时前
理解大语言模型:Agent 的“大脑”
前端·agent