vue-movie

代码地址

一、项目接口

//正在热映
https://douban.uieee.com/v2/movie/in_theaters?city=${city}

//city
https://easy-mock.com/mock/5d313b5dcac88245d6b0b79a/movie/city

//coming_soon 即将上映
https://douban.uieee.com/v2/movie/coming_soon

//搜索组件  
https://douban.uieee.com/v2/book/search?q=你的名字
豆瓣音乐
搜索 https://douban.uieee.com/v2/music/search?q=欧美
详情 https://douban.uieee.com/v2/music/:id

二、命名规范

• 组件首字母统一大写

Components/Header/index.vue //Header组件 组件首字母大写

export default {
    name:"Header"
}

三、路由的两种配置

1-1 启动项目时加载所有的组件

/* jshint esversion: 6 */
import Vue from 'vue';
import Router from 'vue-router';
import Home from '@/views/Home/Home.vue';
Vue.use(Router);
export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    }
});

1-2 按需加载路由

只有切换到对应的路由页面才去加载 适用于大型项目

routes:[
  {
    path:'/detail',
    name:'detail',
    component:()=>import('@/views/Detail/Detail.vue')
  }
]