vue

vue rotuer 사용 법과 데이터 전달하는 법

✍ vue 설치 및 실행 vue cli를 이용한 프로젝트 생성 vs code 터미널을 실행하여 입력해줍니다. > cd desktop //파일위치 $ vue init webpack-simple "폴더 이름" //설치 이렇게 입력하고 난 뒤에 배경화면에 해당 폴더가 새로 생성된 것을 확인할 수 있습니다. npm 빌드하기 node modules을 설치...

✍v-on 정의 >화면요소의 이벤트를 감지하여 처리할 때 사용한다. 예를 들어 v-on:click은 해당 태그의 클릭 이벤트를 감지하여 특정 메서드를 실행할 수 있다. 마우스 이벤트 |이벤트명|설명 |---|--- |click|마우스를 클릭했을 때 실행함 |dblclick|마우스를 더블 클릭했을 때 실행함 |mouseover| 마우스의 포인트가 요소 위...

✍ Vuex 개념 >상태 관리를 위한 패턴이자 라이브러리이고, 중앙 집중식 저장소 역할을 담당 상태관리란? 여러 컴포넌트 간에 데이터 전달과 이벤트 통신을 한곳에서 관리하는 패턴 중앙 집중식 저장소 역할 데이터를 store라는 파일을 통해 관리하고 프로젝트 전체에 걸쳐 활용할 수 있게 해주는 방법 vuex를 사용하는 프로젝트는 프로젝트 전체에서 사용되는...

📁 version > chart.js ^2.9.3 vue-chartjs ^3.5.1 chartjs-plugin-annotation ^0.5.7 ✍ Draw 💡 plugins 📈 data datasets 🔨 options 1. scales 2. tooltips 3. annotation 4. layout 5. event 마우스 호버 ...

면접 때 LifeCycle에 대해 자세히 몰라서 당황했던 적이 있다. 한번 제대로 정리해서 머릿 속에 익혀보자! 라이프 사이클이 뭔데? 컴포넌트의 생명 주기 vue의 컴포넌트는 크게 생성(create) -> Dom에 부착(mount) -> 업데이트(update) -> 사라짐(destroy) 과정을 가진다. 이미지 출처 보러가기 1. Create 라이프...