190516 TIL Vue.js - vue-router

» 1막, TIL (Today I Learned)

Vue.js - vue-router

vue-router로 하면 쉽게 할 줄 알았는데, 하루가 꼬박 걸렸다.

여러 글들과 영상을 참고했다.

stackoverflow 도 질문을 올려보고..

import Vue from 'vue'
import Router from 'vue-router'
import Main from '../components/Main'
import Detail from '../components/Detail'

Vue.use(Router)

export default new Router({
    routes: [
    {
        path: '/',
        name: 'Main',
        component: Main
    },
    {
        path: '/detail/:req_no',
        name: 'Detail',
        component: Detail
    },
    ]
})

언젠가부터 여기서의 path를 API url을 써야한다고 착각한 것이 문제의 근원이었다.

아- router는 디테일 페이지로 두고 연결된 컴포넌트에서 Ajax로 데이터를 가져오면 되잖아?

를 해가 쨍쨍한 오전에 시작해서, 해가 져버린 깜깜한 밤에 깨닫고 말았다.

이런 자료들

을 참고해서 완료할 수 있었다.