vue2.0 -- watch监听
生活随笔
收集整理的這篇文章主要介紹了
vue2.0 -- watch监听
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
watch監聽的幾種寫法:
<html> <!--在這里插入內容-->watch: {// 適用于普通變量a: function (val) {console.log(000)},// 方法名b: 'doing'//用handler方法c: {//立即執行,在c聲明之后就開始執行handler里面的內容immediate: true,//深度監聽 監聽C的屬性 c.xxxdeep: true,handler: function (val) {0000000000000}}} </html>1.handler方法
在項目中,有時會用到handler方法,有時則不會用到
handler方法有什么作用呢:
handler方法是 watch中的一個屬性,是函數類型是規定的寫法2.immediate方法
watch監聽,是當對象發生變化時,才回去監聽其變化.而immediate是在對象聲明了之后,就開始去監聽,watch里面的handler方法就開始執行.3.deep方法
Vue 不能監聽到對象屬性的添加和刪除, deep 就排上了用場,監聽器會一層一層的往下遍歷,給對象的所有屬性都加上這個監聽器,從而監聽到對象屬性的變化. <html> <!--在這里插入內容-->data: {obj: {a:12}}watch: {'obj' : {handler(val) {console.log(val.a)},deep: true}} </html>但是,也有別的方法---->就是直接監聽obj的a屬性
<html> <!--在這里插入內容-->data: {obj: {a:12}}watch: {'obj.a' : {handler(val) {console.log(val.a)}}} </html>今天編程,所吃的虧 -.-
watch 里面不能使用 箭頭函數.watch里面的this指向的應該是vue的實例對象.如果用了箭頭函數,則指向的是父級作用域的上下文.轉載于:https://www.cnblogs.com/whh-16/p/9945056.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的vue2.0 -- watch监听的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 软工作业6--用户体验（案例分析）
- 下一篇： vue2实现自定义样式radio单选框