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前面要加冒号