vue路由配置
Posted xzhce
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue路由配置相关的知识,希望对你有一定的参考价值。
import router from ‘./router‘有的会报错
//等效于
//import router from ‘./router/index.js‘直接替换成这个
在index.js里面
import Vue from ‘vue‘
import Router from ‘vue-router‘ //导入组件路由组件
import HelloWorld from ‘@/components/HelloWorld‘
Vue.use(Router)//使用路由
export default new Router({
routes: [
{
path: ‘/user‘,//路由路径
name: ‘HelloWorld‘,
component: HelloWorld//组件路由
}
]
})
app.vue
<router-link to="/user"> to apple</router-link>
<router-view></router-view>
以上是关于vue路由配置的主要内容,如果未能解决你的问题,请参考以下文章
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起
Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段