Vue.js (18) 썸네일형 리스트형 [Vue.js] Event (1) Event 예제) button에 v-on:click 에 methods 에 존재하는 clicked 함수를 호출하여 호출 했을때 msg 의 값이 "버튼을 눌렀네요?" 로 바뀌는 동작을 하는 코드이다. 아래에 있는 코드는 Vue.js 으로 작성한 코드의 동일한 동작을 javascript 으로 구현한 것이다. 각 버튼을 누를 경우 위와 같이 나타나게 된다. 동일한 동작을 하는 코드이지만 Vue.js 으로 작성하게 된다면 코드가 더욱 간결하게 작성할 수 있다. [Vue.js] 사용 방법 Vue.js 사용하는 방법 1. https://v2.ko.vuejs.org/v2/guide 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org Vue.js 페이지 진입 2. 위 사진의 위치에 있는 스크립트 복사 html 파일 사이에 작성하여 Vue.js를 사용할 수 있다. Vue 를 사용할 범위를 지정자로 지정해줘야 사용 가능하다. Vue 를 사용하려면 script 영역에 new Vue({}) 선언해야 한다. Vue.js에서 값을 다루는 data 를 사용하려면 {{ 이름 }} 대괄호 두개 사이에 값이름을 입력하면 된다. 위의 사진에선 Vue data 안에 fortune이 "동쪽으로 가면 귀인을 만나요" 이 작성 되었기 때문에 웹페이지에서도 로딩될때도 .. 이전 1 2 3 다음
