개발자 퉁이리

V-Calendar V-Calendar는 vue.js에서 간단한 속성 달력을 표시하기 위한 플러그인이다. 🚨주의사항 vue.js 버전이 2.5 이상이어야 한다. 설치 npm install v-calendar 불러오기 import Calendar from 'v-calendar/lib/components/calendar.umd' import DatePicker from 'v-calendar/lib/components/date-picker.umd' // Register components in your 'main.js' Vue.component('calendar', Calendar) Vue.component('date-picker', DatePicker) // Or just use in separate com..

뷰 인스턴스 뷰를 사용하여 개발하기 위해서 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스 사용법 new Vue(); //인스턴스 생성 위 코드와 같이 인스턴스를 생성할 수 있다. 그리고 var vm안에 Vue 인스턴스를 담아보자 var vm = new Vue(); *vm은 뷰 모델의 약자이다 전체 코드를 한번 확인해보자 (아래 코드는 뒤 포스팅에서도 계속해서 사용할 예정이다) {{message}} 위 전체 코드에서 보면 var vm = new Vue(); 인스턴스 안에 여러개의 옵션이 들어있는 것을 확인할 수 있다. 이것들이 뷰 인스턴스의 속성이다. 뷰 인스턴스의 속성 new Vue({ el: , data: , methods: , }); 우리는 이 속성들을 재정의하여 옵션을 선택할 수 있다. 우선..

Vue 정의 Vue란 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 다른 말로는 UI를 빠르게 개발하기 위해서 만들어진 자바스크립트 프레임워크 Vue 장점 - 배우기 쉽다 - 빠르다 - 다른 라이브러리, 프로젝트와 같이 사용하기 수월하다 - 한글화가 잘되어 있다 Vue 특징 1. MVVM 패턴 사용 Mode - View - ViewModel의 줄임말로 로직과 UI의 분리를 위해 설계된 패턴 2. 가상 돔 사용 돔과 비슷한 구조로 자바스크립트를 만들어 실제 돔보다 매우 빠른 성능을 자랑한다. 3. 재사용 유용 재사용이 가능한 컴포넌트를 사용하여 재활용에 유용하다. 좋아요는 로그인하지 않아도 누를 수 있습니다!