1. node.js 설치 프로젝트를 내려받거나 할 때는 버전 확인 필수 2. Vscode 설치 3. npm install -g @vue/cli 설치 4. Vscode - Vetur 설치 5. Vscode - HTML CSS Support 설치
데이터 보관함 필요 : data(){ return {}}데이터는 object자료로 저장 : {자료이름 : 자료내용}script에있는 data를 HTML에 데이터 넣기 : {{데이터이름}}HTML에 하드코딩해놓으면 나중에 변경 어려움Vue의 실시간 자동 렌더링 쓰려면 해
결과결과v-for="(메뉴,i) in 3"v-for="(메뉴,i) in 메뉴": 반복횟수 대신 array/ object 집어 넣기 가능: 메뉴에 들어있는 데이터의 개수만큼 반복함:key="i" : 반복문 돌린 요소를 컴퓨터가 구분하기 위해 씀, 필수 기입: i ? 반복
웹이 실행되면 public > index.html 파일 로드 main.js 로드 App.vue router > index.js path : 렌더링 되는 페이지 component : 각각의 vue파일 이름 작성 Login.vue 실행
참인 경우 실행 -> 태그 생성 및 화면에 그려짐참이 아닌 경우 -> 태그 생성x, 화면에 그려지지 않음참인 경우 실행 -> 태그 생성 및 화면에 그려짐참이 아닌 경우 -> 태그 생성o, 화면에 그려지지 않음==================================
옵션 기반 API와 Composition API는 Vue.js 애플리케이션을 구성하는 데 사용되는 두 가지 다른 방식입니다. 여기에는 몇 가지 중요한 차이점이 있습니다.옵션 기반 APIVue 2에서 주로 사용되는 방식data, methods, computed, watc
데이터에 대한 작업을 수행하고 계산된 값을 반환하는 데 사용템플릿에서 계산된 속성을 참조할 때 메서드처럼 호출XVue는 자동으로 함수를 호출하고 반환 값을 사용 : return 필수괄호 없이 일반 데이터 속성처럼 사용 : {{ computedProperty }}계산된