Vue监视属性

简介: Vue监视属性

watch:{

   监视对象:{

       immediate:true,//初始化时,让handler调用一下

       deep:true,//深度监视

       //handler什么时候调用?当监视对象发生改变时

       handler(newValue,oldValue){

           

     }  

   }

}

vm.$watch('监测对象',{

       immediate:true,//初始化时,让handler调用一下

       //handler什么时候调用?当监视对象发生改变时

       handler(newValue,oldValue){

           

     }  

})

监视属性watch:

   1、当被监视的属性变化时,回调函数自动调用,进行相关操作

   2、监视的属性必须存在,才能进行监视!!

   3、监视的两种写法:

       (1).new Vue同时传入watch配置

       (2).通过vm.$watch监视

//简写

watch:{

   监视对象(newValue,oldValue){

   }

}

vm.$watch('监测对象',function(newValue,oldValue){

})

所以Vue所管理的函数都要写成普通函数,不要写成箭头函数

相关文章
|
2天前
|
JavaScript 前端开发 容器
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
Vue 3 中 <transition-group> 组件报错的非 props 属性传递问题
12 1
|
2天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable扩展属性的升级修改
ruoyi-nbcio-plus基于vue3的flowable扩展属性的升级修改
|
2天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
2天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
4 0
|
2天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
2天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
存储 前端开发 JavaScript
为什么我不再用Vue,改用React?
当我走进现代前端开发行业的时候,我做了一个每位开发人员都要做的决策:选择一个合适的框架。当时正逢 jQuery 被淘汰,前端开发者们不再用它编写难看的、非结构化的老式 JavaScript 程序了。
|
3天前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
11 0
|
2天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
2天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
10 0