교재정리

  1. 개발 순서
    • 모델(데이터 값) 만들기 : 뷰는 {키:밸류} 형식인 JSON 방법으로 데이터(모델)을 만든다.
    • 뷰 모델 만들기 : 뷰 모델은 컨트롤러, 즉 모델과 뷰 사이에서 관찰자 및 중재자 역할을 한다
<div id="first">
    <h2>{{title}}</h2>
</div>

<script type="text/javascript">
  var model = {title:'helloVue'};
  var first = new Vue({ // Vue 객체가 뷰 모델이다.
    el : '#first',
    data : model // 모델의 데이터 변화를 뷰에 반영한다.
  });
</script>
  1. 속성 보간법(interpolation) 사용하기
    • 속성이란 엘리멘트 옆에 선언한 것
    • <div v-html='title'>
      <div v-text='title'>
      <div>{{title}}</div>
      => 디렉티브...

  • 이렇게 속성에 값을 넣어주는 방법을 보간법이라 하는 건가??
  1. 문자열 보간법 {{}}과 메서드
    • 뷰 모델(Vue 객체)에는 data와 함께 data를 처리하는 메서드를 선언할 수 있다.

Vue 인스턴스

1. Vue 인스턴스 생성