vue路由:
1、安装
vue ui
cnpm install vue-router
2、使用
import Router from 'vue-router'
Vue.use(Router)
var router = new Router({
路由配置(决定什么路径,显示什么组件)
routes:[
{
path:'路径',
componet:'组件'
}
]
})
在main.js,导入路由的实例化对象
new Vue({
router:router
....
})
组件显示在什么位置,视图上用router-view标签决定
页面跳转:
可以更改location.hash,也可以用a标签进行跳转,可以用router-link标签进行跳转,<router-link to='/' ></router-link>,也可以用router.push来进行跳转