vue 之watch的使用

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

方便起見，咱們直接上代碼

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

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

            message (oldvue,newvue){

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

            },

            //值也能夠是一個方法

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

            fun(oldvue,newvue){

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

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