1. 程式人生 > >今日總結 vue watch + 計算屬性 +map陣列

今日總結 vue watch + 計算屬性 +map陣列

// 之前一直不明白 watch 咋用  原來這麼簡單,就是告訴看你改變的值是啥就行了

    data(){
      return{
        message:10,
        borlen:true,
        abc:1,
      }
    },

//就是比如data裡有個borlen值 你要監聽他

    watch:{
      borlen(){
        console.log("改變值啦");
        // return this.borlen;
      },
    }

// 直接監聽就好了我去  那個borlen就是你要監聽的值啊  不是命名方法啊

   data(){
      return{
        message:10,
        borlen:true,
        abc:1,
        data:{
          data:100
        }
      }
    },

//萬一是個物件裡的怎麼監聽呢 那就要用深度監聽了

      data:{//深度監聽,可監聽到物件、陣列的變化
        handler(val, oldVal){
          console.log("深度監聽");
        },
        deep:true     //這個要開起來
      }

//深度監聽

   data(){
      return{
        message:10,
        borlen:true,
        abc:1,
        data:{
          data:100
        }
      }
    },

// 計算屬性也很簡單  比如上面的書 我要用到message和abc

   computed:{
      multiplication() {
        return this.abc*this.message
      }
    },

//這個時候我們就可以用multiplication啦他會自動計算的啦

     <div>{{multiplication}}</div>

//直接呼叫就行了啊

https://blog.csdn.net/ken_ding/article/details/79232807

map陣列

 var data = MoreProwerDel.map(function (MoreProwerDel) { return MoreProwerDel.Id; });
// ba MoreProwerDel的資料裡的值 直接拿出來