Vue.js 공부 요약

dimes12·2019년 5월 12일
0

교재정리

  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) 사용하기
  • 속성이란 엘리멘트 옆에 선언한 것
  • {{title}}
    => 디렉티브...
  • 이렇게 속성에 값을 넣어주는 방법을 보간법이라 하는 건가??
  1. 문자열 보간법 {{}}과 메서드
    • 뷰 모델(Vue 객체)에는 data와 함께 data를 처리하는 메서드를 선언할 수 있다.

Vue 인스턴스

1. Vue 인스턴스 생성

profile
가위바위보

0개의 댓글