vue之watch用法

對應一個對象，鍵是觀察表達式，值是對應回調。值也能夠是方法名，或者是對象，包含選項。在實例化時爲每一個鍵調用 $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>