Vueインスタンス内の変数を変更しますか？

Question

私はVueには新しく、基本的な質問があります。

export default { 
    name: 'NAME', 
    props: { mr: { type: Object, required: true }}, 
    data() {return {message: this.mr.message};}, 
...} 

とメッセージ変数は、以下のテキストエリアの内容です： があり、このようなVUEインスタンスがあるとします。

  <div class="C1"></div> 
      <textarea 
       v-model="message" 
       class="C2" 
       name="Message"></textarea> 
      </div> 

「メッセージ」変数を変更するには、JS関数が必要です。

Answer 1

data() { 
 
    return { 
 
     message: this.mr.message 
 
    } 
 
}, 
 
watch: { 
 
    'message': function(val, oldVal){ 
 
     //Your code - You have access for this here 
 
    } 
 
}