vue---methods and watch

methods

可以在methods中使用箭头函数吗？

methods: {
      getMsg:()=>{
        console.log(this) //window对象
      }
    }
/*
* 使用箭头函数会改变this的指向
* */

为什么要在html中监听事件?

• 方便阅读，查找
• 逻辑和dom完全解耦，方便测试
  *当viewmodel被销毁时，所有的事件监听器都会被销毁，不用手动清理

watch

watch能做什么?

//watch可以监听data中属性的值的变化，可以做出相应的处理
watch: {
  msg(newV, oldV) {
    console.log(oldV)
    console.log(newV);
  }
},
//tip:在监听对象/数组变更时，新值与旧值一样，因为他们都是引用类型
person:{
  handler(newV, oldV){
    console.log(oldV)
    console.log(newV);
  },
  deep:true //监听对象内部的变化，数组不需要
}
this.person.name='修改后'