데이터

data

타입: Function

• 컴포넌트 인스턴스에 데이터 객체를 반환하는 함수
• 한번 관찰되면(observed), 더 이상 루트 데이터 객체에 반응형 속성을 추가할 수 없다. 인스턴스를 만들기 전에 모든 루트 레벨의 반응형 속성을 미리 선언하는 것이 좋습니다.
• 컴포넌트 인스턴스는 데이터 객체의 모든 속성을 연결(proxy)하므로 vm.a 와 vm.$data.a 는 동일
• _ 나 $ 로 시작하는 속성은 Vue의 내부 속성 및 API 메소드와 충돌할 수 있으므로 컴포넌트 인스턴스에 연결(proxy)하지 않는다. vm.$data._property 로 액세스해야 한다.

methods

• 형: { [key: string]: Function }

• 세부사항:

  Methods는 컴포넌트 인스턴스에 혼합(mixed)됩니다. 이러한 methods는 인스턴스에 직접 접근하거나, 지시문 표현식으로 사용할 수 있습니다. 모든 methods의 this 문맥은 자동으로 컴포넌트 인스턴스에 바인딩 됩니다.

데이터 | Vue.js

깊은 반응성

vue에서 모델은 Model은 프록시로 감싸진 자바스크립트 객체입니다. 모델을 변경하면, 화면이 바뀝니다. 반응성 시스템은 어플리케이션의 상태관리를 단순하고 직관적으로 만듭니다.