vue 之watch的使用

时间 2019-12-12

标签 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" } } }