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

全局监听,性能低一点


相关推荐
徐小夕35 分钟前
万字拆解 JitWord:企业级实时协同文档底层架构 + 大模型 AI 融合完整实践
前端·vue.js·github
一份执念41 分钟前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念43 分钟前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
MariaH1 小时前
初识MySQL
前端
陳陈陳1 小时前
从Token到Embedding:一篇文章搞懂大模型的「文字数学变形记」
前端·javascript·ai编程
十有八七1 小时前
AI时代的置身X内
前端·人工智能
橘子星1 小时前
LLM 无状态架构实践:从原理到代码落地
前端·javascript·人工智能
LiuMingXin1 小时前
意图与代码之间:AI编程范式全景解读
前端·后端·面试
壹方秘境2 小时前
ApiCatcher支持抓包HTTP传输大文件的实现原理分享
前端·后端·客户端
一份执念2 小时前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts