시나브로

{{msg}} hey 클릭시 값이 변경된다는 것은 onclick 이벤트를 추가하는 것과 동일하다. vue에서는 onclick 이벤트를 추가하기 위해 첫번째, 이번트를 추가할 버튼에 v-on:click="함수명"을 명시해줘야된다. 두번째, Vue 객체를 선언할 때, methods:{~~} 를 선언하여 함수를 선언한다. 단, 여기서 자신의 객체를 접근할 때는 꼭 this를 사용해야된다.

{{msg}} title 밑의 script문은 vue를 사용하기 위해 추가해줘야된다. 위와 같이 사용을 한다면, 인터넷을 통해 vue 파일들을 가져온다는 말이다. 이 방법말고도 다운을 받아도 좋지만, 편한기 때문에 이 방법을 추천한다. {{msg}} 이렇게 중괄호를 두번쓰고 변수를 사용하면 자바스크립트의 변수를 사용할 수 있게 된다. 그렇기에 이를 활용하면 {{msg}} 대신에 msg 값인 "helloworld"가 나타나게 된다. 위의 코드는 가장 기본적인 틀이니 숙지하는 것이 좋다.