vue--router2.0

---

title: vue-router2.0

date: 2018-06-07 17:34:00

tags:

---

//路由实例方法

router.push({path:'home'})//直接添加一个路由，表现是切换路由，本质是往历史记录里添加一个记录

router.replace{{path:'news'}}//直接添加一个路由，表现是切换路由，本质是历史记录里并无该记录

main.js文件中

import Vue from './vue';

import VueRouter from './vue-router'

import RouterConfig from './router.config.js'

import App from './App.vue'

const router=new VueRouter(RouterConfig)

new Vue({

router,

el:'#app',

render:h=>h(App)

});

新建router.config.js文件

import Home from './components/Home.vue'

import News from './components/News.vue'

export default{

routes:[

{path:'/home',component:Home},

{path:'/news',component:News},

{path:'*',redirect:'/home'}//路由重定向

]

}