vue项目1-pizza点餐系统2-配置路由跳转

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

功能目标：点击导航栏中的菜单、主页、路由跳转到不同的组件，点击谁就在在导航栏下展示谁。

1、在router文件夹中（在用脚手架cli搭建项目时，有个couter的选yes）的index.js中，导入如需要配置的组件

import Home from '@/components/Home'
import Admin from '@/components/Admin'
import Login from '@/components/Login'
import Menu from '@/components/Menu'
import Register from '@/components/Register'
import About from '@/components/about/About'

2、在router中配置路由

routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/admin',
name: 'admin',
component: Admin
},
{
path: '/login',
name: 'login',
component: Login
},
{
path: '/menu',
name: 'menu',
component: Menu
},
{
path: '/register',
name: 'register',
component: Register
},
{
path: '/about',
name: 'about',
component: About
}
],
mode:"history"//消除‘#/’