美文网首页vue.js
使用vue全家桶搭建豆瓣电影

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

作者: y_add5 | 来源:发表于2017-05-11 19:02 被阅读0次

使用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文档进行学习

相关文章

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

    使用vue2搭建豆瓣电影 github地址 项目主页展示 项目功能 1.正在热映、即将上映、top250、电影详情...

  • vue技术栈

    Vue2 实战:模仿卖座电影 一个使用 Vue2 全家桶高仿卖座电影网的项目进阶 vue 全家桶 本项目可以作为一...

  • 豆瓣app实例+vue全家桶

    简单的豆瓣app页面,实现了电影,电影列表,电影详情,用到vue全家桶,通过rgbaster.js根据图片动态改变...

  • vue + typescript

    Vue全家桶+TypeScript使用总结

  • vue | vue使用全家桶搭建项目

    使用全家桶搭建vue项目是现在既省时又省力的做法了,再配合webpack静态模块打包器,简直好用到爆炸, 一. 全...

  • Vue前后端分离项目开发参考

    搭建项目参考 前端 前期准备 node环境 搭建脚手架 安装需要的依赖:vue全家桶(vue-cli、vue-ro...

  • Vue实例

    Vue2 实战:模仿卖座电影 一个使用 Vue2 全家桶高仿卖座电影网的项目JavaScript 日记 - 一个例...

  • getUserMedia报错

    开发环境: vue/cli 4.3.1搭建的全家桶 TypeScript 3.83 SIP.js 0.16.1 C...

  • 2019-03-25

    vue 全家桶 Vue有著名的全家桶系列,包含了: vue-router,vuex,vue-re...

  • 浅尝node-记一次vue结合axios参数提交问题

    写在前面 闲来无事,最近使用vue全家桶结合nodejs搭建了一个简单的网站,在前端使用的axios做请求,后端框...

网友评论

    本文标题:使用vue全家桶搭建豆瓣电影

    本文链接:https://www.haomeiwen.com/subject/uipszttx.html