欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue实现路由跳转vue-router

程序员文章站 2022-10-15 22:29:39
vue实现路由跳转 vue-router npm i vue-router -s 接着在启动文件中启用该路由(配置路由规则) “../pages/dmmyself”是我的路径...
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页面