# Vue의 시작 vue instance

모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작합니다.

# 데이터와 메소드

Vue 인스턴스가 생성될 때 data 객체에 있는 모든 속성이 Vue의 반응형 시스템에 추가 각 속성값이 변경 될 때 뷰가 "반응"하여 업데이트 된다.

데이터가 변경되면 화면은 다시 렌더링 된다.!

// 데이터 객체
var data = { a: 1 }

// Vue인스턴스에 데이터 객체를 추가합니다.
var vm = new Vue({
  data: data
})

// 인스턴스에 있는 속성은
// 원본 데이터에 있는 값을 반환합니다.
vm.a === data.a // => true

// 인스턴스에 있는 속성값을 변경하면
// 원본 데이터에도 영향을 미칩니다.
vm.a = 2
data.a // => 2

// ... 반대로 마찬가지입니다.
data.a = 3
vm.a // => 3

하지만 인스턴스가 생성될 때 존재하지 않은 새 속성이 추가되더라도 추적하여 업데이트하지는 않는다.

데이터 업데이트를 강제적으로 막을 수 있는 Object.freeze()가 존재한다.

$ 접두어

© Devlog from jeong