본문 바로가기

Vue15

Nested Router Nested Router(네스티드 라우터)는 라우터로 페이지를 이동할 때 최소 2개 이상의 컴포넌트를 화면에 나타낼 수 있다. 네스티드 라우터를 이용하면 URL에 따라서 컴포넌트의 하위 컴포넌트가 다르게 표시된다. 2022. 6. 6.

[Vue.js] router URL의 해시 값(#)을 없애는 법 vue router의 기본 URL 형식은 해시 값(#)을 사용한다. 만약 index.html/login과 같이 해시 값을 없애고 싶으면 히스토리 모드(history mode)를 활용하면 된다. var router = new VueRouter({ mode: 'history', routes }) 2022. 6. 6.

[Vue] Vue packages version mismatch github repo를 clone 해서 실행시키려는데 아래와 같은 ERROR가 발생하였다!!! 👀 즉, 나의 vue version은 2.6.14 clone 받은 repo의 vue는 2.6.12 - vue@2.6.14 - vue-template-compiler@2.6.12 그래서 package.json에서 vue version을 하드코딩 하고 package-lock.json과 node_modules를 지운 후 다시 npm install을 해주었다. 2021. 11. 25.

Frontend Framework(Library) 🌈 Angular 2010년 구글에서 개발한 SPA(Single Page Application) 방식의 Javascript Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 프론트엔드 앱 개발이 가능하며 모바일 웹, 네이티브 모바일, 데스크탑 애플리케이션까지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있다. Spring MVC와 굉장히 유사한 방식으로 프로그래밍이 진행된다. 💧 장점 Component 기반 기능에 따라 코드를 분리하고, 재사용 하는 것이 굉장히 쉽다. 양방향 바인딩 지원 웹페이지 속도 Angular로 만든 SPA는 다른 페이지로의 전환 속도가 굉장히 빠르다. TypeScript TypeScript를 기반으로 하기 때문에 엄격하지만 그만큼 직관적이고 오류를 줄일 .. 2021. 11. 21.

[Vue.js] vue-router를 사용하는 여러 가지 방법 1. import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../components/Home.vue' import About from '../components/About.vue' Vue.use(VueRouter); const routes = [ { path: "/home", name: "Home", component: Home }, { path: "/about", name: "About", component: About }, ]; const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) export default router.. 2021. 10. 25.

[Vue.js] vue-router 이란? ❄️ vue-router 란? 라우팅을 간단히 해주는 라이브러리 vue-router는 SPA를 만드는 것을 용이하게 해준다. 설치 방법 프로젝트가 있는 경로로 가서 terminal에 아래의 명령어를 입력한다. npm install vue-router 설치를 하면 package.json의 dependencies에 아래와 같은 문구가 새로 생긴다. router을 사용할 때에는 src 폴더 아래에 'router'라는 폴더를 생성하고 그 안에 index.js라는 파일을 만든다. 이렇게 만들자고 한 것은 약속이라고 한다. src/router/index.js import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from '../componen.. 2021. 10. 25.

이전 1 2 3 다음

티스토리툴바