从0到1完成小程序开发(3)
一,数据的绑定 一个页面只有静态数据往往是不够的,大部分情况下需要在小程序运行的过程中,动态的从服务器端去获取,然后再渲染输出到这个视图中进行显示。 之前的页面为硬解码的方式 <view class="usermotto"> <text style="font-size:60rpx">今日推荐:恋爱循环</text> <image class="img" src="/imgs/banner.png"></image> <text class="text">推荐精彩点评:</text> <text class="text">问世间情为何物,执教人生死相许</text> <view> <text>豆瓣评分:{{score}}</text> </view> </view> 这样的页面只能用来展示,如果数据变更会很不方便,所以需要用到数据绑定。 在小程序框架中,每个页面所需要的各种数据,都是集中在这个页面所注册的页面对象中进行定义 在当前页面的js文件中通过调用page函数来给这个页面注册所需要的对象函数。 比如我需要给下面的页面添加数据绑定。 在这个页面文件夹下的脚本文件中的data属性中定义一个movie的数据: Page({ /** * 页面的初始数据 */ data: {//通过data属性来给页面定义各种需要的数据 imovie:{ name:'恋爱循环', img:'/imgs