vue.js 관련 메모

vue.js 관련 메모

1. URL에 #[샵]이 포함되면 # 앞쪽은 URL로 인식되고, # 뒤쪽은 데이터로 인식한다.
(브라우저에는 반영되어 클라이언트 js에서 데이터를 가져다 쓸 수는 있지만, 페이지 새로고침은 일어나지 않는다.)

2. 샵(#) 대신 해시뱅(#!) 으로 쓰기도 한다.
ex) http://도메인/#!/main/login

3. 참고 단어 모음
– SPA (Single Page Application)

– Two-way binding (양방향 연결) : Angular 2로부터 차용. View 과 Model 의 관계에서, View 의 데이터를 변경하면 Model 에 반영되고, Model 의 데이터를 변경하면 View 에 반영되는 것.

– 라우트 (Route) : 라우트 객체(VueRouter)에 컴포넌트 명을 push 하면, router-view 태그 영역(<router-view></router-view>)이 해당 컴포넌트의 내용으로 바뀐다.

– 중첩된 라우트 (Nested routes) : 기존 라우트 객체(VueRouter)에 children 라우트를 추가하고, 해당하는 Vue 파일 내부에 router-view 태그를 추가하면 액자식으로 작동한다.