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')
}

测试路由访问是否正确

访问各个路由,看是否可以得到各个页面