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> 

"message"변수를 수정하려면 JS 함수가 필요합니다.

Answer 1

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