<input>태그안의 속성값을 바인딩해보는 예제입니다.
데이터에 type과 inputData라는 변수를 넣어주었습니다.
그리고 <input>태그 속성앞에 v-bind: 를 붙여준뒤 속성값에 변수를 넣었습니다.
v-bind: 는 : 로 줄여서 사용할 수 있습니다.
이번에는 <a>태그를 만들고 link라는 변수를 만들어 바인딩해주었습니다.
추가로 메소드에 getInyoungLink 함수를 넣어주고 getInyoungLink 함수에 chennel이라는 매개변수를 넣어주었습니다.
**위의 정리 내용은 유튜버 코지코더님의 Vue.js강의를 보고 정리한 내용입니다.
유튜브를 보면서 정리된 글을 보면 더 좋을것같아요!
반응형
'FRAME WORK > Vue.js' 카테고리의 다른 글
Vuejs 2 . 데이터 양방향 바인딩 (Data Two Way Binding - v-model) (0) | 2022.01.06 |
---|---|
Vuejs 2 . 이벤트 (Events) (0) | 2022.01.06 |
Vuejs 2 . 뷰 데이터 (data) 와 메소드 (methods) (0) | 2022.01.06 |
Vuejs 2 . 뷰 인스턴스 생성하기 (0) | 2022.01.06 |
Vue.js 3 이벤트 (0) | 2022.01.05 |