Eveningstar

https://vuejs.org/v2/guide/syntax.html data binding - dom 기반 html template에 vue데이터를 바인딩하는 방법 1) Interpolation(값 대입): 가장 기본적인 데이터 바인딩 체계 Mustache {{ }}를 이용해서 대입 Message : {{ msg }} 2) Binding Expressions (값 연결) : {{ }}를 이용한 데이터 바인딩을 할때 자바스크립트 표현식을 사용할수있다. {{ number + 1 }} {{ message.split('').reverse().join('') }} //true {{ if (ok) { return msg } }} //false : Vue에 내장된 Filter를 {{ }} 안에 사용가능 {{ mes..

https://kr.vuejs.org/v2/guide/components.html공식가이드 *사용자 정의 이벤트를 사용하여 입력 컴포넌트 만들기 사용자 정의 이벤트는 v-model에서 작동하는 사용자 정의 입력을 만드는데 사용 가능 1과 2는 같은 문장임 1) hhml 2) html 3) 컴포넌트와 함께 사용하기 - value prop를 가진다.- 새로운 값으로 input 이벤트를 내보낸다. https://jsfiddle.net/chrisvfritz/1oqjojjx/?utm_source=website&utm_medium=embed&utm_campaign=1oqjojjx *컴포넌트의 v-model 사용자 정의 input의 checkbox나 radio를 위해 model 옵션을 추가해서 사용할것 *비 부모-자..

https://kr.vuejs.org/v2/guide/components.html ( 공식 가이드) 컴포넌트 - 영역을 조각 낸 단위 HTML 엘리먼트를 재사용을 가능하게 하고 캡슐화 하는데 도움이 된다.상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트 이다.경우에 따라 is 속성으로 확장. Vue 컴포넌트 = Vue 인스턴스이기도 하므로, 모든 옵션 객체를 사용할 수 있다.*(루트 옵션 제외)또한 라이프 사이클 훅을 사용할 수 잇다. * 전역컴포넌트&지역 컴포넌트 1) 전역 컴포넌트 Vue.component('my-component', { // 옵션 }) 2) 지역 컴포넌트- 컴포넌트를 components 인스턴스 옵션으로 등록함으로써 다른 인스턴스/컴포넌트의 범위에..

https://kr.vuejs.org/v2/guide/(공식 vue 가이드) 모든 vue앱은 vue함수로 새 vue인스턴스를 만드는 것부터 시작, 화면 단위를 생성 new Vue() var vm = new Vue({ // 옵션 }) Vue 생성자는 미리 정의 된 옵션으로 재사용 가능한 컴포넌트 생성자를 생성하도록 확장 될 수 있습니다. option 객체 (데이터, 템플릿, 마운트할 엘리먼트, 메소드, 라이프 사이클 콜백 등) - vue.js 를 이용하여 ui 화면을 개발하기 위해 필요(생성자 접근 가능)- Vue라는 기존 객체에 화면에서 사용할 옵션을 포함하여 화면의 단위를 생성 var vm = new Vue({ template: ,el : ,methods : {},created: {} }) 옵션 : d..