뷰는 양방향 데이터 바인딩이라서 v-model 디렉티브로 바인딩한 데이터에 초깃값이 있으면 입력 요소도 해당 초깃값으로 보이게 됩니다.

<script>
export default {
  data() {
    return {

      uid: 'sucoding',

      upw: '',
    };
  },
(생략)

코드를 저장하고 다시 실행해 보세요. uid 데이터의 초깃값이 v-model 디렉티브를 사용한 요소의 초깃값으로 바인딩되어 화면에 렌더링됩니다.

그림 3-29 초깃값 바인딩 실행결과