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 相关文章推荐
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
Apr 15 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
AJAX学习笔记
May 18 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
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
简单了解WordPress开发中update_option()函数的用法
2016/01/11 PHP
php递归函数怎么用才有效
2018/02/24 PHP
js 目录列举函数
2008/11/06 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
js获取url参数代码实例分享(JS操作URL)
2013/12/13 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
jQuery封装的屏幕居中提示信息代码
2016/06/08 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
整理Python最基本的操作字典的方法
2015/04/24 Python
在Python中增加和插入元素的示例
2018/11/01 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
详解Python使用Plotly绘图工具,绘制甘特图
2019/04/02 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
python实现xml转json文件的示例代码
2020/12/30 Python
教育专业自荐书范文
2013/12/17 职场文书
工业学校毕业生自荐书
2014/01/03 职场文书
xxx同志考察材料
2014/02/07 职场文书
公司合作意向书
2014/04/01 职场文书
写得不错的求职信范文
2014/07/11 职场文书
2015年教师节活动总结
2015/03/20 职场文书