component被写成了components所以跳转路由的时候没反应(注释的代码为错误代码),看了VueRouter的官方文档,再次证明基础很重要。
// import Vue from 'vue';
// import Router from 'vue-router';
// Vue.use(Router);
// export default new Router({
// mode: 'history',
// router: [
// {
// path: '/testRouter',
// components: () => import('@/views/testRouter')
// }
// ]
// })
import Vue from 'vue';
import VueRouter from 'vue-router';
import TestRouter from '@/views/testRouter'
Vue.use(VueRouter);
const routes = [
{
path: '/testRouter',
component: TestRouter
}
]
export default new VueRouter({
mode: 'history',
routes
})