vue 深度监听 (监听对象)

tongjiaojiao 2019-06-14 原文

vue 深度监听 (监听对象)

用到vue,肯定会接触到vue里面的watch
普通的监听:

watch:{
  data: function(newValue,oldValue){
        doSomeThing();
    }
}

 

watch可以监听数据,也可以监听对象,使用watch监听对象时,就需要用到深度监听了
记住,一定不要忘记咱们的主角deep,深度监听deep的值要设为true哦

watch:{
    'data':{
	handler:function(newValue,oldValue){
	    doSomeThing();
	},
	deep:true
    }
}  

若是监听数组,数组内有任何值发生变化,都会成功触发被监听的数组对象内的函数 doSomeThing();

此时你可以在函数doSomeThing中执行你想执行的事件

posted on 2019-06-14 16:22 豆奶柚子君 阅读() 评论() 编辑 收藏

 

 
版权声明:本文为tongjiaojiao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/tongjiaojiao/p/11023945.html

vue 深度监听 (监听对象)的更多相关文章

  1. Vue UI 框架推荐使用element-ui – springsnow

    Vue UI 框架推荐使用element-ui 首推ElementUI: https://element.el […]...

  2. Vue3.0新特性

    Vue3.0新特性 Vue3.0的设计目标可以概括为体积更小、速度更快、加强TypeScript支持、加强AP […]...

  3. vue 辅助开发工具(利用node自动生成相关文件,自动注册路由)

     vue 辅助开发工具  前言 有没有因为新建view,component,store的繁琐操作而苦恼,需要新 […]...

  4. day03—Vue(04)

    一、组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可 […]...

  5. Vue Router 模式

    一、前言 在以往的项目中路由模式都是使用默认的 hash,最近的一个项目中用到了 history 模式,但是出 […]...

  6. vue.js层叠轮播

    最近写公司项目有涉及到轮播banner,一般的ui框架无法满足产品需求;所以自己写了一个层叠式轮播组件;现在分 […]...

  7. Vue与Element走过的坑。。。。带上Axios

    1.Axios中post传参数组(java后端接收数组) 虽然源数据本身就是数组,但是传参时会自动变成key: […]...

  8. vuex的使用详解大全

    引言: vue的vuex是一个全局状态管理工具,有强大的社区所贡献,方便达到一端改变全局改变功能,这里就不强调 […]...

随机推荐

  1. Centos7yum安装LNMP

    (1)安装nginx 0.关闭防火墙 systemctl stop firewald.service syst […]...

  2. eyoucms 调用搜索代码

    下方是搜索代码,不管首页或者列表页以及内容页都已经使用。 {eyou:searchform type=\'de […]...

  3. 如何用excel统计调查问卷

    如何用excel统计调查问卷 有些人可能经常要对调查问卷进行统计,使用手写的方法(就是在纸上写正字的方法)虽然 […]...

  4. 可移动磁盘显示0kb打不开怎么办

      移动硬盘、U盘打不开怎么办   为了方便共享,大多数人都购买了移动硬盘。那么如果有一天,发现移动硬盘打不开 […]...

  5. Nginx Web服务应用

    Nginx 指令目录 Nginx 编译安装 Nginx 功能模块 Nginx 目录结构 Nginx 配置文件 […]...

  6. Flink 专题1 : 搭建Flink 及Flink 简介

    目录 Flink 专题1 : 搭建Flink 及Flink 简介 Flink 简介 Flink 的优势: Fl […]...

  7. mac上命令行解压rar

    时间进入到2018年12月,mac上好用的rar解压工具要收费了。被逼的没办法,用命令行吧,谁让咱擅长呢? 1 […]...

  8. Android知识点

    开发tip 用getApplication()来取Context当参数 对于需要使用Context对象作为参数 […]...

展开目录

目录导航