Click

[Vue.js]4.data, click, methods 사용하기

지난 포스팅에 이어서 이번에는 vue에서 data, event 등을 다루는 법을 알아보겠습니다. 1. data 다루기 Home.vue에서 export default 내부에 data() { return }를 추가해주고 return 뒤에 원하는 데이터를 { key : value } 형태로 넣어주면 됩니다. 그리고 그 데이터를 사용하기 위해서는 부분에서 {{ key }} 와 같이 중괄호 두개를 이용하여 추가해주면 얘는 key의 value에 해당하는 부분이 화면에 나타나게 됩니다. About.vue About {{ name }} 2. input html에서 value에 해당하는 것을 vue에서는 v-model로 사용할 수 있습니다. data 부분에 input 데이터를 추가하고 v-model 뒤에 ""을 이용하여..