01-06. vue click으로 값 전달

1. 클릭 시 변수 전달

    - span 을 하나 만들고 v-bind:title="message"추가 

    - button 하나 만들고 v-on:click 추가 

    => 기존에 테그안에 들어가는건 v- 로 시작하는듯 하다 

     - script 의 데이터 영역에 변수 하나 추가 -> span 태그에 있는 message 변수

     - script 영역에 methods 추가하고 버튼에 있는 v-on:click 의 함수명 추가

      - data 영역에 있는 message 변수 접근은 this.변수명으로 접근가능하다 

처음실행 시

  - 개발자 도구로 소스코드를 보자

    > message로 되어 있던 친구들은 전부 message 값으로 다 바뀌어져 있다 

      . data 영역에 선언하면 로드되자마자 실행되고, html에도 적용되는구만

    > button 영역에 onclick 스크립트가 없다 

      . 이상하다.. 클릭해보자 ..

버튼클릭전 html 구조

- 누르고 나서 보자

   > 잘 바뀌었군..  나중에 디버깅이 졸라 힘들겠구먼,