Vue14-监视属性

一、天气案例

1-1、方式一:{{三目运算符}}

1-2、方式二:计算属性

1-3、方式三:@click中写简单逻辑

@click里面可以写简单的逻辑语句。不用this

解决方式:


小结:

绑定事件的时候,@xxx="yyy"

xxx:事件

yyy:可以写一些简单的语句。

二、监视属性

2-1、watch属性

Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。

1、handler函数

2、immediate属性

3、watch中是否能监测计算属性

也可以监测计算属性

2-2、vm的监视

2-3、小结

三、深度检测

3-1、监视多级结构中某个属性的变化

需求1: 只检测a的值,不检测b的值。

3-2、监视多级结构中所有属性的变化

需求2:numbers中有很多属性,任何一个属性变了,都能检测到

3-3、小结

四、监视的简写

前提:watch属性中只有handler函数的时候,其他配置项没有的时候,才能简写。

方式一:

方式二:

注意:不要写成箭头函数!

相关推荐
百万蹄蹄向前冲2 小时前
风扇转了一晚上MVP专家团翻车事故
前端·人工智能
默_笙2 小时前
🏛 给 AI 配一间办公室:Harness Engineering 六大模块与它的实现
前端·javascript
linux_cfan3 小时前
videojs v10 源代码系列解读:14 · 谓词守卫:在运行时安全地调用能力
前端·javascript·音视频
kyriewen4 小时前
我扒了 10,221 条 JD:腾讯技术岗 75% 在要 AI
前端·人工智能·ai编程
郑州光合科技余经理4 小时前
同城外卖小程序开发:下单成功后,后台导出能不能对上用户端状态
开发语言·前端·git·后端·uni-app·php·ai编程
+VX:Fegn08955 小时前
计算机毕业设计|基于springboot + vue旅游管理系统(源码+数据库+文档)
java·开发语言·vue.js·spring boot·课程设计
雪芽蓝域zzs5 小时前
第 7 章:双 Y 轴组合图(柱状 + 折线,看板高频场景)
vue.js·echars
IT_陈寒5 小时前
Vue的响应式让我熬到凌晨三点,原来漏了这个小细节
前端·人工智能·后端
一 乐5 小时前
二手交易平台|基于springboot + vue二手交易平台(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序
Blanche15005 小时前
利用 RAG 为答疑机器人扩展知识范围
前端