Vue实现路由跳转 vue-router

首先，我们先下载安装路由(模块化)

npm i vue-router -s

接着在启动文件中启用该路由(配置路由规则)

“../pages/DmMyself”是我的路径，大家自行修改你们的路径

import Vue from 'vue'  

import Router from 'vue-router'  

import DmMyself from '../pages/DmMyself'

我们在引入下(注册)

配置路由注册表（/myself 我的路径，大家自行修改，name/compoent大家也根据自己的名称修改）

 

Vue.use(Router)
export default new Router({ 
     routes: [
           {
                path:'/myself', name:'DmMyself', component:DmMyself
            }
      ]
})

 

接着在根组件下占个位置

<router-view></router-view>

最后，我需要点击“我的”，跳转到DmMysele页面

<router-link to="/myself">我的</router-link>

更多详情 http://www.sharedblog.cn/?post=22