Vue.js2 [Vue.js] 인스턴스 & 라이프사이클 Vue.js를 사용하기 위해 간단한 인스턴스를 만들고 라이프사이클에 대한 이해가 필요하다. var vm = new Vue({ el: '#app', data(){ return { msg:'hello world!' } } }) script 내부에 위와 같은 Vue 인스턴스를 만든다. element를 app이라는 클래스로 지정해주고, data는 함수형태로 적어준다. (객체로 지정해줘도 된다) {{ msg }} 그리고 템플릿 내부에서 app이라는 이름의 클래스를 div로 나타내고, scipt에서 정해준 데이터 내부 msg를 {{ }} 템플릿 문법을 이용하여 내부에 {{ msg }} 로 적어준다. 브라우저를 열어서 확인해보면 Hello world! 라고 찍히는 것을 확인할 수 있다. 라이프사이클 Vue.js에서 .. 2021. 3. 8. Vue.js 시작하기 자바스크립트를 이용하여 사용자 인터페이스 제작을 위해 사용하는 3대 라이브러리/프레임워크로 React / Vue / Angular 가 있다. React를 이때까지 주로 사용해 왔으나, Vue.js를 사용하는 기업들도 많아 Vue.js에 대해서 알아보고자 한다. Vue.js 란 더보기 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. - 출처 : Vue.js 공식문서 kr.v.. 2021. 3. 6. 이전 1 다음
