vue脚手架安装之后配置操作
vue create project
初始化创建项目
调整文件布局
- 删除自带的views里面的页面
- 根据页面模块,在views页面,router页面创建对应的模块文件夹
- 修改router下面的路由
import Vue from 'vue'
import VueRouter from 'vue-router'
import movieRouter from './movie'
import cinemaRouter from './cinema'
import myRouter from './my'
Vue.use(VueRouter)
const routes = [
movieRouter,
cinemaRouter,
myRouter
]
const router = new VueRouter({
routes
})
export default router
export default {
path: '/my',
component: () => import('@/views/my')
}
export default {
path: '/cinema',
component: () => import('@/views/cinema')
}
export default {
path: '/movie',
component: () => import('@/views/movie')
}
测试路由访问是否正确
访问各个路由,看是否可以得到各个页面