在vue2中 vue-router 通过插件的形式进行工作,回顾下具体操作步骤如下:
在router文件中
// 在router文件中引入
import Router from 'vue-router'
// 使用Router
Vue.use(Router)
let routes = [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/test',
name: 'test',
component: test
}
];
// 导出Router对象
export default new Router({
routes: routes,
mode: 'hash',
})
在main.js中使用router对象
import router from './router'
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})