vue脚手架安装之后配置操作

作者: dreamfly 分类: javascript,个人博客 发布时间: 2020-06-20 00:58

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

测试路由访问是否正确

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

您的电子邮箱地址不会被公开。