偵聽器watch（）

偵聽器偵聽數據變化，我們可以使用watch 選項在每次響應式屬性變化時觸發一個函數。

<template><h3>偵聽器watch</h3><hr>
<p>{{nessage}}</p>
<button @click="exchage">點擊</button></template><script>export default {data(){return{nessage:"前端",}},methods:{exchage(){this.nessage="后端"}},//偵聽器//watch:監聽數據的變化，當數據發生變化時，會自動執行對應的函數//newVal:新的值//oldVal:舊的值watch:{nessage(newVal,oldVal){//當數據發生變化時，會自動執行對應的函數console.log(newVal,oldVal)}}}</script><style scoped>.active{color:red;}</style>

watch:監聽數據的變化，當數據發生變化時，會自動執行對應的函數
newVal:新的值
oldVal:舊的值
函數名必須與偵聽器的數據對象名保持一致
運行結果：