민자의 지식창고

MVVM 패턴과 관련 없음. 데이터와 메소드 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()는 기존 속성이 변경되는 것을 막아주는 반응성 시스템이 추적 불가능 합니다. 인스턴스 라이프사이클 각 vue ..

Vue에 대한 내용을 공부하며, 정리하기 위한 페이지입니다. Vue를 사용하여, 대규모 애플리케이션을 구축할 때 NPM을 이용한 설치를 권장하고 있습니다. NPM은 Webpack 또는 Browerrify와 같은 모듈 번들러와 잘 작동합니다. Vue는 싱글 파일 컴포넌트를 만들기 위한 도구도 제공합니다. #최신 안정화 버전 npm install vue #CLI Vue.js는 단일 페이지 애플리케이션을 빠르게 구축할 수 있는 공식 CLI를 제공합니다. #install npm install -g @vue/cli #or yarn global add @vue. cli #create project vue create my-project #or vue ui # CLI install npm install -g @vue..