Vue

앞으로 2주동안 끝낼 목표로... vue 책을 구매했다사실 구매한지 몇달 됌 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이제서야... 첫 장을.....거두절미하고 취뽀한 회사에서 vue를 주로 쓴다고 했다.출근 전에 조금 공부하길 원하셔서 보름 좀 넘는 시간동안 열심히 머리에 넣기로 결심했다!

부지런히 하자 제발 😭Vue를 프로젝트에 포함하는 방법은 크게 두 가지로 나뉜다.CDN으로부터 Vue 라이브러리를 스크립트에 포함 (교육용 / 프로젝트 진행 전 테스트용)프로젝트에서 사용되는 라이브러리들을 호스트 서버에 저장해둘 필요가 없기 때문에, 용량의 이점과 더

초창기 Vite는 Alias를 지원하지 않았지만 2020년 5월부터 공식적으로 Alias를 지원하게 되었다. Alias를 이용하면 대규모 프로젝트를 진행할 때 각 파일의 경로를 모두 적어주지 않아도 된다. Alias를 구성하기 전, 경로를 생성할 때 도움을 주는 pat

Vue.js는 MVVM 패턴의 ViewModel 레이어에 해당하는 화면단 라이브러리이다.데이터 바인딩과 화면단위를 컴포넌트 형태로 제공하며, 관련 API를 지원하는데 궁극적인 목적이 있다.양방향 데이터 바인딩을 제공한다.컴포넌트 간 통신은 기본적으로 단방향 데이터(부모

뷰 컴포넌트는 각각 고유한 데이터 유효 범위를 갖는다. 컴포넌트 간에 데이터를 주고 받기 위해선 아래와 같은 규칙을 따라야 한다.상위에서 하위(부모 -> 자식)로는 데이터를 내려줌 = props 속성하위에서 상위(자식 -> 부모)로는 이벤트를 올려줌 = event 속성

앞서 써왔던 게시글에선 vue3 로 프로젝트를 생성했지만...회사에서 쓰고 있는건 2 버전이므로,지금부터는 Vue2 버전에서 생성된 프로젝트라고 보면 된다.Vue 2 Todo App 프로젝트 시작 프로젝트 생성 후 보일러플레이트src - components 폴더 생성하

: 여러 컴포넌트에 공유되는 데이터

App.vuev-on:하위 컴포넌트에서 발생시킨 이벤트 이름="현재 컴포넌트의 메서드명"v-on:하위 컴포넌트에서 발생시킨 이벤트 이름="addOneItem"App.vueTodoInput.vuethis.$emit('이밴트이름', 인자1, 인자2...)$emit (자식에

App.vueTodoFooter.vue인자를 같이 보내지는 않음 이벤트만 발생시키면 App.vue에서 <todo-footer v-on:sortItem="sortAllItem" v-on:clearAll="clearAllItems"></todo-footer>