javascript - webpack+vue路由，為什麼router-link會報錯

Question

nav.vue元件裡是這麼寫的
main.js裡
Vue.use(VueRouter);
const routes = [

{ path: '/home', component: Shop },
{ path: '/long', component: LongTerm }

]
const router = new VueRouter({

routes: routes

})
const app = new Vue({

    el: '#inner',
    render: h => h(Shop)

})
第一頁Shop都已經載入出來了，
然後router-link就報錯了，裡面的值也沒有顯示出來

Answer 1

如下：

const app = new Vue({
    router, // 这里必须定义router后传入Vue中啊！
    el: '#inner',
    render: h => h(Shop)
})

Answer 2

router掛載到vue中

Answer 3

to前面要加冒號