Web | Front-end/Vue.js3 Vue3] vue 페이지 내용 다른 vue 페이지에서 사용하기 (Component 이용하여 데이터 옮기기) 학습 목표Header와 Footer은 어느 페이지에서나 사용된다.이때 Header와 Footer을 매번 코딩하지 말고 하나의 Component로 만들어 놓고 사용하면 어떨까? vue3에서 Component을 활용하는 방법을 배워보자. Component 활용하기1. Component로 만들 vue 파일을 만든다.필자의 경우 Header와 Footer을 만들어서 src/common/components 폴더 안에 저장했다. 2. Component 사용하기전체 코드 // 1) 1) 사이에 Component로 만들 vue 파일을 import 한다. 2) ~ 사이 원하는 위치에 태그 형식으로 사용한다. 2024. 9. 19. Vue3] Router 만들기 학습 주제- router을 생성한다. Router 생성 방법1. 터미널에서 라우터 설치 (최초 1회)npm install vue-router@4 2. main.js 안에 router을 넣는다.// main.jsimport { createApp } from "vue";// import { createPinia } from "pinia";import App from "./App.vue";// import '@/assets/css/main.css'// import "@/assets/css/fonts.css"; // font// import "@/assets/css/colors.css"; // colorimport router from "./router"; // router// import "bootstrap.. 2024. 9. 19. Vue CSS 파일 임포트 하기 학습 내용- Vue 에서 CSS 파일 임포트 하기- 컴포넌트 내의 모든 요소에 적용 */ 2024. 9. 19. 이전 1 다음
