<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>订餐</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
</head>
<body>
<input type="hidden" id="employee-id" value="<?=$employeeId?>">
<input type="hidden" id="vip" value="<?=$vip?>">
<div id="app">加载中</div>
</body>
</html>
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
redirect: to => {
// const { hash, params, query } = to
// if (query.to === 'foo') {
// return { path: '/foo', query: null }
// }
// if (hash === '#baz') {
// return { name: 'baz', hash: '' }
// }
if (document.getElementById('vip').value) {
return '/room'
} else {
return '/meal'
}
}
},
{
path: '/room',
component: (resolve) => require(['../pages/home/index.vue'], resolve),
meta: {
title: '预订包房',
order: 0
}
},
{
path: '/meal',
component: (resolve) => require(['../pages/meal/index.vue'], resolve),
meta: {
title: '点餐',
order: 1
}
},
{
path: '/user',
component: (resolve) => require(['../pages/user/index.vue'], resolve),
meta: {
title: '我的',
order: 2
}
}
]
// 路由配置
const router = new VueRouter({
routes
})
// router.beforeEach((to, from, next) => {
// next()
// })
//
// router.afterEach(() => {
// })
export default router
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [{
path: '/',
name: 'Home',
component: require('@/pages/Home').default
},
{
path: '*',
redirect: '/'
},
{
path: '/deliver',
name: 'Deliver',
component: require('@/pages/Deliver').default
},
{
path: '/working',
name: 'Working',
component: require('@/pages/Working').default
},
{
path: '/login',
name: 'Login',
component: require('@/pages/Login').default
},
{
path: '/manage',
component: require('@/pages/Manage').default,
children: [
{
path: '/',
name: 'Dashboard',
component: require('@/pages/manage/Dashboard').default
},
{
path: 'temperature',
name: 'Temperature',
component: require('@/pages/manage/Temperature').default
},
{
path: 'motor',
name: 'Motor',
component: require('@/pages/manage/Motor').default
},
{
path: 'aisle',
name: 'Aisle',
component: require('@/pages/manage/Aisle').default
},
{
path: 'setting',
name: 'Setting',
component: require('@/pages/manage/Setting').default
},
{
path: 'dev',
name: 'Dev',
component: require('@/pages/manage/Dev').default
}
]
},
]
})
import Vue from 'vue' //引入Vue
import Router from 'vue-router' //引入vue-router
import Hello from '@/components/Hello' //引入根目录下的Hello.vue组件
import Hi from '@/components/Hi'
Vue.use(Router) //Vue全局使用Router
export default new Router({
routes: [ //配置路由，这里是个数组
{ //每一个链接都是一个对象
path: '/', //链接路径
name: 'Hello', //路由名称，
component: Hello //对应的组件模板
},{
path:'/hi',
name:'Hi',
component:Hi
}
]
})