1. watch屬性介紹:
通過watch給屬性綁定函數,當屬性的值發生變化時,該函數就會自動被調用,調用時可以接收兩個參數,第一個參數是屬性改變後的值,第二個參數是屬性改變前的值。
2.例子:
<template>
<div>
{{title}}
<input type="text" v-model="title" />
</div>
</template>
<script>
export default {
data() {
return {
title: "hello world"
};
},
watch: {
title(newValue,oldValue) {
console.log(newValue+"----"+oldValue);
}
}
};
</script>
<style scoped>
</style>
效果如下: