当前位置: 移动技术网 > IT编程>网页制作>CSS > Vue实现路由跳转vue-router

Vue实现路由跳转vue-router

2018年11月01日  | 移动技术网IT编程  | 我要评论

李璐和李思,古璇,逆问苍穹

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

}

]

})

接着在根下占个位置

最后,我需要点击“我的”,跳转到dmmysele页面

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网