【学习笔记】0309_仿豆瓣电影app学习笔记

讲课过程中会用来一些思维导图，

我这里用的是 xMind，

http://www.xmindchina.net/

<!-- -->

今天的内容是，仿豆瓣的电影app这么个demo,

里面的数据，都是使用在douban的公开api接口。

这个东西是用 vue-cli 这个脚手架来生成的，

关于vue-clic，它具体怎么用，自己百度查一下就知道，

教程很多。

<!-- 怎么找到豆瓣的公开的api接口 -->

百度搜索“豆瓣 api”

(1)、

-- 豆瓣API快速入门

https://developers.douban.com/wiki/?title=guide

(2)、

--豆瓣Api V2（测试版）

https://developers.douban.com/wiki/?title=api_v2

(3)、

--Movie API Doc

https://developers.douban.com/wiki/?title=movie_v2

<!-- -->

前端开发，无论什么东西，

第一步，先有图；

第二步，根据第一步，搞出dom结构 ；

第三步，向第二步的dom结构 里面，添东西；

第四步，根据第一步的图，向第二步的dom结构上绑定事件，用来操作第三步。

从上到下，从外到内，

先写结构(dom) ，再写表现(css)，再写交互（js），

一般是这么个开发顺序。

现在讲究“数据驱动视图”，

你得先有数据才行。

<!-- -->

获取数据的ajax操作，使用axios来完成。

它需要通过npm来安装，

npm install axios -save

具体百度查一下，

<!-- -->

vuejs里，绑定属性是用 v-bind，缩写是 :src，

有一些电影图片，没有显示，现在先不管它们。

<!-- -->

vueJs里，有一个方法：created()，

它是最先执行的。

vueJs的生命周期中的，创建之后，就执行，created()，

http://blog.csdn.net/qq_24073885/article/details/60143856