Vue instance 만들기

Instance

• 관례적으로, Vue 인스턴스를 참조하기 위해 종종 vm(ViewModel의 약자)을 변수로 사용
• Vue 인스턴스를 생성할 때는 options 객체를 전달해야 함
• 일부 options
  • data : Vue 인스턴스의 데이터 객체
    Type : Object | Function
  • props : 부모 컴포넌트 데이터 메타
    Type : Array<string> | Object
  • propsData : 인스턴스 생성하는 동안 속성 전달
    Type : { [key: string]: any }
  • computed : Vue 인스턴스의 계산된 속성
    Type : { [key: string]: Function | { get: Function, set: Function } }
  • methods : Vue 인스턴스의 method
    Type : { [key: string]: Function }
  • watch : 키가 표시되는 표현식이고 값이 콜백
    Type : { [key: string]: string | Function | Object | Array}
• 전체 옵션 목록

기본 문법

var vm = new Vue({
  // options
})