반응형 component2 [toy project]마켓 게시물 만들기(vuejs component, router-veiw) ※ 마켓과 랭킹은 같은 헤더를 사용한다. ( 나중에 컴포넌트 순서가 바뀔 수 있음) ※ router-view로 보여 줄 화면은 router에서 지정해 둔 /pacct/Rangking과 /pacct(마켓) 화면이다. ※ 마켓은 krw, btc, usdt 3개의 마켓으로 이루어져 있다. 각각 버튼을 만든다. ※ 몇 개의 자료를 받아올지 모르기 때문에 화면을 꽉 채울 정도의 같은 형식의 게시물을 반복문으로 작성 1. 마켓과 랭킹 목록의 헤더는 같기 때문에 전역으로 컴포넌트를 설정한다. (마켓 리스트 버튼도 전역설정) import { createApp } from 'vue' import App from './App.vue' import router from './router.js' import './regist.. 2023. 1. 10. [vuejs] 컴포넌트(component), Props, Custom Event 1. 데이터를 가져와서 출력하는 법 2. 이미지와 일치하는 모달창(modal screen)을 띄우기 3. 모달창 컴포넌트 사용 4. 상품 복록 반복문과 컴포넌트 사용 5. app.vue의 템플릿이 매우 짧아짐 6. 반복되어 사용되는 부분을 컴포넌트로 사용하면 좋다고 한다. import 해오면 내가 원하는 장소 아무 데나 사용가능. 1. 데이터를 가져와서 출력하는 법 2. 이미지와 일치하는 모달창(modal screen)을 띄우기 3. 모달창 컴포넌트 사용 데이터를 받는 자식 쪽에서는 데이터를 바꿀 수 없습니다. $emit('메시지')를 통해서 부모에게 요청을 하면 부모는 @메시지="함수 or 이벤트"를 통해서 데이터를 변환시키고 :변수="데이터" , props를 통해서 다시 데이터를 전달합니다. 닫기 버.. 2022. 12. 24. 이전 1 다음 반응형
