vue.js 환경설정

서버 중지 = Ctrl + c

컴포넌트 = 중간에 변경되는 페이지

header footer 는 가만히 있음

지금부터는 새로고침이 없다고 생각하면 됨

---

router 설정

822개 node_modules에는 router라이브러리가 없음

cmd> npm install vue-router@next --save

1. node_modules에 vue-router 폴더 생성
2. package-lock.json에 어떤 라이브러리를 받았는지 기록
   (package-lock.json의 14257 라인)

앞으로 이렇게 라이브러리 설치 많이 해야함

---

컴포넌트 주소 지정

src/routes/index.js 안에 컴포넌트 추가

추가 될 컴포넌트 페이지들은
src/components 폴더안에 만든다.

src/main.js 안에 routes/index.js 와
연결시키는 명령어 있음
import routes from './routes/index.js';

• 사용하겠다는 명령어도 있음
  const app = createApp(App);

app.use(routes);

app.mount('#app')

---

src/routes/App.vue 에서 메뉴 화면 추가함

<
router-link to="/join">회원가입

---

여기까지 환경설정