vue中的watch屬性到底怎麼用

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>

效果如下：