vue-路由

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来进行跳转

 

posted @ 2018-09-07 17:42  洺剑残虹  阅读(162)  评论(0编辑  收藏  举报