Vue中watch选项handle、deep、immediate是什么

最新推荐文章于 2023-03-09 16:57:02 发布
最新推荐文章于 2023-03-09 16:57:02 发布
阅读量2.3k 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014465934/article/details/100047379
版权

handle：就是你watch中需要具体执行的方法
deep：就是你需要监听的数据的深度，一般用来监听对象中某个属性的变化
immediate：在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调

参考文章：
https://segmentfault.com/q/1010000017020494/a-1020000017021145
https://blog.csdn.net/wandoumm/article/details/80259908

Cacra
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解Vue的watch中的immediate与watch是什么意思
12-13
immediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，当然此时页面上的数据我们还没来得及手动让其发生变化，所以在控制台输出的newValue为我们在代码中默认设置的值，oldValue...
关于“句柄”（Handle）的理解
狂奔的鱼の博客
07-26 1213
转自：https://www.cnblogs.com/barcelong/articles/1261015.html 句柄 句柄是什么 在windows中，句柄是和对象一一对应的32位无符号整数值 。对象可以 映射到唯一的句柄，句柄也可以映射到唯一的对象。 句柄和指针的区别 牧童遥指杏花村 牧童的手为指针，杏花村的牌子为句柄，杏花村酒店为对象的实例. “句柄”（handle），handle的本...
vue 字传父emit事件的handle
youshuang1207的博客
03-29 88
Vue 监听（watch handler）
梦之归途的博客
03-09 1905
immediate：true立即执行handle方法（首次加载、刷新、数据改变）都会执行，缺点监听不到对象属性中发生的改变。缺点：不能深度监听（对象属性的改变），刷新或首次加载不能执行。handle：watch中需要具体执行的方法。
vue监听属性watch中的handler
晚星的博客
08-04 8103
handle:watch中需要具体执行的方法 deep：需要监听的数据的深度，一般用来监听对象中某个属性的变化,数组字符串一般不需要 immediate：在选项参数中指定 immediate: true将立即以表达式的当前值触发回调 <input type="text" v-model="cityName.name"/> new Vue({ el: '#root', data: { cityName: {id: 1, name: 'shanghai'} }, wat.
Vue watch的immediate和deep
weixin_44090040的博客
05-03 742
1. immediate immediate表示立即执行的意思，这样就是说不用等到value变化才会执行，默认的时候就会立刻执行一次。 假设我们页面上有一个搜索框，每次输入内容的时候去请求一个接口，同时一进页面的时候需要调一下这个接口，我们可能一般这样写： <!--作者：zhangfan 页面名称：watch的immediate和deep--> <template> ...
Vue watch handle
weixin_45259457的博客
12-30 1427
Vue watch handle 方法 监听$route watch 监听路由对象 $route // 监听路由 watch:{ '$route': { handler ({ fullPath }) { // $route对象内部的fullPath this.active = fullPath this.$nextTick(() =&gt...
vue watch handler
H-L的博客
12-18 4283
普通监听 缺点：不能深度监听（对象属性的改变），刷新或首次加载不能执行。 watch: { carts: function (val, oldVal) { console.log('new: %s, old: %s', val, oldVal) } } 高级监听 handle：wat...
Vue-侦听属性watch(handler方法,immediate和deep属性)
陈坚泓的博客
11-07 5385
Vue-侦听属性watchwatch选项handler方法和immediate属性deep属性字符串形式监听注销watchwatch监听路由 watch选项 当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 <div id="app"> <p>FullName: {{ fullName }}</p> &lt...
[Vue @Component] Handle Errors and Loading with Vue Async Components
weixin_34334744的博客
07-26 108
Because async components are not bundled with your app, they need to be loaded when requested. This means that your network could be slow, go down, or the file could be completely missing. This lesson...
vue2.0 watch里面的 deep和immediate用法说明
01-18
deep，默认值是 false，代表是否深度监听。 immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑定的时候就执行。 computed: { ...
浅谈vue.watch的触发条件是什么
01-22
如果不是对vue原理了如指掌，请谨慎使用watch。 示例1，下面会触发watch 吗？ [removed] new Vue({ data() { return { city: {id: 1, name: 'Beijing'} } }, watch: { city() { console.log('city changed...
vue中tab选项卡的实现思路
10-17
今天给大家分享vue中tab 选项卡的一些套路，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
Vuejs知识图谱
yangyang的专栏
08-24 1684
邂逅Vuejs Vue基础语法 组件化开发 Vue CLI详解 vue-router Vuex详解 网络封装 项目实战 项目部署 Vue源码 1.Vue基础语法 插值语法：Mustache、v-once、v-html、v-text、v-pre、v-block 绑定属性：v-bind、绑定class、绑定样式 计算属性 事件监听：v-on介绍、v-on基础、v-on参数、v-on修饰符 条件和循...
Vue音乐播放器（1）
yangyang的专栏
09-18 1667
1.vue.config.js 可以参考： https://juejin.im/post/5bd02f98e51d457a944b634f https://segmentfault.com/q/1010000016379336 https://www.jianshu.com/p/b001492fc9b9 https://www.jianshu.com/p/0824f625dfbb 更详细的可以参考...
VueJS初步了解
yangyang的专栏
12-13 1475
慕课视频：https://www.imooc.com/learn/980 1.简介： Vue是一套构建用户界面的渐进式框架。 Vue只关注视图层，采用自底向上增量开发的设计。 Vue更着重于编写数据层的处理操作，减少dom的操作 。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 2.Vue基础语法： 2.1 创建第一个vue实例 &amp;amp;amp;amp;amp;amp;amp;lt;div id=&amp;amp;amp;amp;amp;a
Vue中ref和:ref
yangyang的专栏
07-05 1462
前者代表字符串xxx，后者代表变量xxx。 一个是动态一个是静态，就和:class和class、:style和style一样。（所以静态用ref，动态用:ref）
慕课网Vue2.5去哪儿实战课程（3）
yangyang的专栏
02-21 1298
6.Vue 项目预热 本章首先讲解项目环境的基础配置，在此基础上分析工程代码目录结构，延展讲解 Vue中单文件组件及单页面应用路由的概念，最后将带大家整理项目目录，完成 stylus、reset.css 等基础工具及样式的引入，完成项目开发前的准备工作。 6.1Vue项目预热 - 环境配置 git还要学习，git和github联合使用。 6.2Vue项目预热 - 项目代码介绍 .editorcon...
vue中watch选项的作用
最新发布
06-09
在Vue.js中，watch选项用于监听一个数据的变化，并在数据发生变化时执行相应的回调函数。 watch选项可以监听单个数据的变化，也可以监听多个数据的变化。当数据发生变化时，watch选项会自动执行相应的回调函数，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值