vue watch高级用法

watch是vue组件最常用，最重要的功能之一，我们都知道它最基本的特性就是监听的data对象里的属性变化了，watch就会自动执行。

那它还有什么骚操作呢？下面我带大家看看，菜鸟一枚，如有错误欢迎指出。

1.immediate属性

　　如果我们想在一开始监听的时候也执行相应的函数，就需用到immediate属性，此时监听的数据建议写成对象形式，属性包含handler方法和immediate属性。其实我们之前的写法其实就是在写handler方法：

data(){
　　return{
a:'hello'
}
}　　
watch:{
　　　　a:function(val){ //handler方法
　　　　}
}

immediate为true则在首次绑定watch的时候就会执行handler方法，无论data里面的数据变没变。值为false则和普通监听一样，值改变才会出发handler方法。

2.deep属性
deep属性设置为true，则会监听对象中所有的属性，对象中的任意属性发生改变都会执行handler方法。

转载于:https://www.cnblogs.com/myspecialzone/p/10448962.html

vue watch高级用法相关推荐

vue 组件高级用法实例详解
一.递归组件组件在它的模板内可以递归地调用自己, 只要给组件设置name 的选项就可以了. 示例如下: <div id="app19"> <my-compone ...
vue keep-alive保存路由状态2 (高级用法,接上篇)
接上篇 https://www.cnblogs.com/wangmaoling/p/9803960.html 本文很长,请耐心看完分析. 4.高级用法,指定从什么组件进入才缓存,以及销毁缓存:先介绍我 ...
vue从入门到精通之高级篇（一）vue-router的高级用法
今天要介绍的是路由元信息,滚动行为以及路由懒加载这几个的使用方法. 1.路由元信息什么是路由元信息,看看官网的解释,定义路由的时候可以配置 meta 字段可以匹配meta字段,那么我们该如何使用它, ...
详解Vue中watch的高级用法
转载自详解Vue中watch的高级用法我们通过实例代码给大家分享了Vue中watch的高级用法,对此知识点有需要的朋友可以跟着学习下. 假设有如下代码: 1 2 3 4 5 6 7 8 9 10 ...
你可能不清楚的 Vue Router 深度用法（二）
此为 Vue Router 深度用法的第二篇,主要讲述动态路由匹配用法.第一篇的链接在此: https://segmentfault.com/a/11... 动态路由匹配是用于把某种模式匹配到的所有路 ...
Ajax是什么？Ajax高级用法之Axios技术
Ajax AJAX 异步请求局部刷新 Ajax 参数详解 js.json.jsonp区别 json和jsonp的区别同源策略 json和js对象的区别 Ajax高级用法(axios) 为什么要用Ax ...
vim的高级用法配置以及在系统中如何获取帮助
vim的高级用法配置以及在系统中如何获取帮助 1 vim的三种模式 1.1 使用方法 1.2 vim模式 2 vim工作的基本配置 2.1 临时设定(set设定) 2.2 永久设定方式 3 搜索 4 ...
Cacti Weathermap 高级用法（二）
成都长宽Weathermap实际运用的效果图示例: 这是一个CNC出口的质量监控图. 途中cnc节点(红色)是一个展示图例,TEL节点根据存活状态显示为绿色 TEL节点上面P:47.2ms 是一个,这 ...
JAVA正则表达式高级用法(分组与捕获)
2019独角兽企业重金招聘Python工程师标准>>> 正则表达式在字符串处理中经常使用,关于正则简单的用法相信有一点程序基础的人都懂得一些,这里就不介绍简单基础了.这里主要讲解一下 ...

vue watch高级用法

vue watch高级用法相关推荐

最新文章

热门文章