Vue路由跳转（一）

1、装路由：`

cnpm install vue-router --save `

运行项目：

cnpm run dev

项目运行完成后可看到路由版本：

2、在main.js（主入口）里进行以下操作(路由的导入、使用、配置、实例化、挂载)：
【本例背景组件以My.vue和Home.vue为例】

//引入组件
import My from ‘./Components/My.vue’
import Home from ‘./Components/Home.vue’
//导入路由
import VueRouter from ‘vue-router’;
//使用路由
Vue.use(VueRouter);
//配置
const routes=[
{ path:"/",component:Home},
{path:"/My",component:My}
]
//实例化
const router=new VueRouter({
routes:routes,
mode:“history”
});
// 在Vue实例上挂载
new Vue({
el:’#app’,
router, //在实例化里用router
render:h=>h(App)
})

mode:"history" 是把链接里的#去掉
3、在根组件App.vue里写路由出口点：

<router-view> </router-view>