今日總結 vue watch + 計算屬性 +map陣列
阿新 • • 發佈:2018-12-29
// 之前一直不明白 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的資料裡的值 直接拿出來