[Vue.js] 인스턴스 본문 요약

Vue 인스턴스 만들기 전체 옵션 목록은 API reference에서 찾을 수 있습니다. var vm = new Vue({ // 옵션 }) 속성과 메소드 각 Vue 인스턴스는 data 객체에 있는 모든 속성을 프록시 처리 합니다. 데이터가 변경되면 화면은 다시 렌더링 되며, 유의할 점은 data에 있는 속성들은 인스턴스가 생성될 때 존재한 것들만 반응형이라는 것입니다. # 데이터 객체 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 # 아래와 같이 미리 정의되지 않은 값을 변경하게 되면 반응형으로 변경되지 않습니다. vm.b = 'hi' # b가 변경되어도 화면...

원문링크 : [Vue.js] 인스턴스 본문 요약