Vue开发移动端踩过的坑——笔记

Vue监听对象及对象属性

监听整个对象

export default {
 name: 'test',
 data() {
  a{
   b: 'c',
  }
 },
 watch() {
  a: {
   handler(newval, oldval) {
    console.log('变化后的对象a：' + newval + '变化前的对象a：' + oldval);
   },
   deep: true
  }
 }
}

监听对象里的具体属性，配合计算属性computed使用

export default {
 name: 'test',
 data() {
  a{
   b: 'c',
  }
 },
 watch() {
  bchange() {
   console.log('变化的a对象里的b属性');
  }
 },
 computed: {
  bchange() {
   return this.a.b;
  }
 }
}