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

全局监听,性能低一点


相关推荐
2分钟速写快排10 分钟前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby606143 分钟前
如何自己造一个时间处理库
前端·javascript·github
微功夫信息技术1 小时前
分层多智能体强化学习驱动的非急救转运公平 - 效率统一调度系统研究与实践
人工智能·学习·算法·动态规划
走到天涯海角2 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!2 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰2 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
dadaobusi2 小时前
学习:开源项目Cheshire
学习
撩得Android一次心动3 小时前
Jetpack Compose 知识点整理1【个人用】
android·学习·kotlin·android jetpack·compose
小疯仔3 小时前
轨迹在地图上“漂“了 500 米?一文吃透 WGS-84→GCJ-02 坐标转换引擎(GPX→JSON 实战源码剖析)
小程序·json·notepad++
mayaairi4 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js