Components 등록 //3. AppHeader 컴포넌트 HTML 입력. Props : 루트 컴포넌트 에서 하위 컴포넌트로 데이터 보낼때 app.vue //2. v-bind:"작명**(관리 편의성을 위해 데이터랑 같이)"="str(보낼 데이터)" // v-bind:str="str" => :str="str" 하위 컴포넌트(ex: AppHeader.vue) {{str}} **//4. 데이터 사용** send

1. node.js를 이용해 뷰 라우터를 깔아주자! npm install vue-router@4 설치된 뷰버전이 Vue 3 이기 때문에 라우터 라이브러리도 4버전을 설치해주자 2. router.js 생성 src 파일안에 router.js 파일을 생성을 해서 라우터를 사용할 준비를 하자. import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: "/경로", component: import해온 컴포넌트, } ]; const router = createRouter({ history: createWebHistory(), routes, }); export default router; 기본 셋팅이다. 뷰 라우터를 만든 ..

HTML5 / css / js / sass 사용하는데, 내가 일하고 있는 아주아주작은회사에 하청을 주는 회사의 개발자들이 뷰를 사용하고 있었다. 뷰에 대한 이해가 없는 상태에서 HTML / CSS 로 구현을 하자니 소통하는데 한계가 있고.. 뷰를 공부하고 싶은 욕심이 생겼다. 로 이동하지말고 라우터 링크(?)로 이동하고 싶어 졌다. 이제부터 뷰를 공부하는 과정을 티스토리에 기록하고자 한다.