vue 之watch的使用

watch顧名思義,這是一個觀察數據變化的方法。vue

方便起見,咱們直接上代碼數組

export default{
        data() {
            return {
                ishow:{
                    name:'aaa',
                    id:'3333'
                },
               message:'是這樣的消息'
            }
        },
        props: ['isshow'],
        mounted(){
            
        },
        watch:{ssh

            //方法名就是你定義的數據的名稱 當數據發生改變的時候就會自動調用這個方法this

            message (oldvue,newvue){對象

                  congsole.log(oldvue+"@@@@"+newvue)方法

            },數據

            //值也能夠是一個方法di

             message :'fun',
            ishow(aldvue,newvue)
            {
                alert(aldvue.name+"是這樣的值"+newvue.name)
            },
            ishow:{
         //注意:當觀察的數據爲對象或數組時,curVal和oldVal是相等的,由於這兩個形參指 向的是同一個數據對象
          handler(curVal,oldVal){
            alert(curVal.name+"@@@@@"+oldVal.name)
          },
          deep:true
        }
        },
        methods:{handler

            fun(oldvue,newvue){co

                   congsole.log(oldvue+"@@@@"+newvue)

            },             quxian()             {                this.ishow.name = "bbb"                this.message = 改變了數據""             },             queding(){                this.ishow.name = "ccc"                          }         }     }

相關文章
相關標籤/搜索