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函数的时候,其他配置项没有的时候,才能简写。

方式一:

方式二:

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

相关推荐
cypking14 分钟前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
雨雨雨雨雨别下啦1 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
simon_93491 小时前
受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!
前端
e***87702 小时前
windows配置永久路由
android·前端·后端
Dorcas_FE3 小时前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js
小小前端要继续努力3 小时前
前端新人怎么更快的融入工作
前端
四岁爱上了她3 小时前
input输入框焦点的获取和隐藏div,一个自定义的下拉选择
前端·javascript·vue.js
fouryears_234173 小时前
现代 Android 后台应用读取剪贴板最佳实践
android·前端·flutter·dart
boolean的主人3 小时前
mac电脑安装nvm
前端
用户1972959188913 小时前
WKWebView的重定向(objective_c)
前端·ios