[Vue][기초] 01. Vue 특징

다운로드

[vue.js 무료 강좌]

• https://www.inflearn.com/course/web-game-vue/lecture/23160 ( 웹 게임을 만들며 배우는 Vue)

 

[vue.js 특징]

1.  Vue.js는 일반적으로 개발자가 “데이터 중심” 방식으로 생각하고 DOM을 직접 만지지 않도록 권장.

• 예) data인 liked로
  <div v-if="liked">좋아요 클릭</div>
  <button  v-else v-on:click="clickLike()" >Like</button>
• 화면은 알아서 Vue 가 처리 해줌. 데이터만 잘 관리하자!

2.   Vue는 DOM 업데이트를 비동기로.

• Dom 바뀜에 따라 새로고침 되지 않음.

3. 양방향 바인딩 (2-way-binding)

• v-model

 

 

[코드]

1. ref

• 뷰에서는 $refs 속성을 이용해 DOM에 접근할 수 있다.  (남용 금지)
  

<input v-model="value" ref="answer">
this.$refs.answer.focus()