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='修改后'