vue 监听器watch用法

<template>

  <div>

    <h1>{{ message }}</h1>

    <button @click="btnclick">点击</button>

  </div>

</template>

<script>

  export default{

    data(){

      return{

        message:'hello'

      }

    },

    methods:{

      btnclick(){

        this.message="word"

      }

    },

    watch:{

       message(newValue,oldValue){

          console.log(newValue+'###########'+oldValue)

       }

    }

  }

</script>

 

注意  

watch  中 message()函数必须和变量保持一致