vue监听对象及对象属性问题


Posted in Javascript onAugust 20, 2018

监听整个对象,使用watch就行

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    a: {
      handler(newVal, oldVal) {
        console.log('监听a整个对象的变化');
      },
      deep: true
    }
  }
}

监听对象中具体属性的变化,需要使用watch配合computed

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    bChange() {
      console.log('监听a对象中b属性的变化');
    }
  },
  computed: {
    bChange() {
      return this.a.b;
    }
  }
}
Javascript 相关文章推荐
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
js分页工具实例
Jan 28 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 18 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
Javascript实现关闭广告效果
Jan 29 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
Aug 20 #Javascript
Vue插件打包与发布的方法示例
Aug 20 #Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 #Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 #jQuery
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 #Javascript
Vue2.0生命周期的理解
Aug 20 #Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 #Javascript
You might like
一个好用的分页函数
2006/11/16 PHP
php array_slice函数的使用以及参数详解
2008/08/30 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
js获取url参数值的两种方式
2013/09/10 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
Vue shopCart 组件开发详解
2018/01/26 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
简述数组与指针的区别
2014/01/02 面试题
团结演讲稿范文
2014/05/23 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers