vue之watch用法

標籤：調用   索引值   觀察   注意   回調   log   color   數組   pre   

對應一個對象，鍵是觀察運算式，值是對應回調。值也可以是方法名，或者是對象，包含選項。在執行個體化時為每個鍵調用 $watch();

vue單檔案組件寫法：
<template>　　//觀察資料為字串或數組　　 <input v-model="example0"/>　　 <input v-model="example1"/>　　/當單觀察資料examples2為對象時，如果索引值發生變化，為了監聽到資料變化，需要添加deep:true參數　　 <input v-model="example2.inner0"/></template><script>　　 export default {　　　　　　data(){　　　　　　　　return {　　　　　　　　　　example0:"",　　　　　　　　　　example1:"",　　　　　　　　　　example2:{　　　　　　　　　　　　inner0:1,　　　　　　　　　　　　innner1:2　　　　　　　　　　}　　　　　　　　}　　　　　　},　　　　　　watch:{　　　　　　　　example0(curVal,oldVal){　　　　　　　　　　console.log(curVal,oldVal);　　　　　　　　},　　　　　　　　example1:‘a‘，//值可以為methods的方法名　　　　　　　　example2:{　　　　　　　　　//注意：當觀察的資料為對象或數組時，curVal和oldVal是相等的，因為這兩個形參指向的是同一個資料對象　　　　　　　　　　handler(curVal,oldVal){　　　　　　　　　　　　conosle.log(curVal,oldVal)　　　　　　　　　　},　　　　　　　　　　deep:true　　　　　　　　}　　　　　　},　　　　　　methods:{　　　　　　　　a(curVal,oldVal){　　　　　　　　　　conosle.log(curVal,oldVal)　　　　　　　　}　　　　　　}    }</script>

 

vue之watch用法