使用vue全家桶搭建豆瓣电影

使用vue2搭建豆瓣电影

github地址

项目主页展示

项目功能

1.正在热映、即将上映、top250、电影详情页和搜索页展示

2.地区切换

3.加载更多

4.搜索

5.滚动加载

Vue-cli

使用vue-cli脚手架搭建，按照步骤执行即可

Element-ui

ui库使用的是element-ui,直接引用使用

Vue-router2

路由使用的是默认的hash模式，后续打算更改为html5 history模式

请求豆瓣api

在proxyTable中配置代理

项目中使用了以下api

 /v2/movie/in_theaters 正在上映的电影

 /v2/movie/coming_soon 即将上映的电影

 /v2/movie/subject/:id  单个电影信息

 /v2/movie/search?q={text} 电影搜索

vue-resource

这里使用vue-resource进行数据交互、不过更推荐使用axios

Vuex

vuex用来管理全局状态，用起来很方便，可以查看vuex文档进行学习