'数据绑定'基础

.

内容

将数据从js脚本文件中绑定到wxml前端文件中，实现数据的传递

操作

数据绑定的语法： { {js脚本文件中写入的名称变量} }

1.单个数据进行绑定：

<text class="post-date">Nov 18 2016</text>

<text class="post-date">{ {date} }</text>

js脚本文件中的名称变量 date：{

     date：”Now 18 2016“，

}

数据的绑定是单向性的，前端与后台脚本文件，文件名称变量必须保持一致

2.多条数据进行数据绑定：

var post_content1={

date:"Now 18 2016",
title:"正是虾肥蟹壮时",
post_img:"/image/post/crab.png",
content:"菊黄蟹正肥，品尝秋之味，徐志摩把，“看初花的荻芦”",
view_num:"112",
collect_num:"96",
author_img:"/images/avatar/1.png",

}

setDate 语法：等同于把多条内容直接复制到js文件中进行编写

page（{ date：{ var post_content1={

date:"Now 18 2016",
title:"正是虾肥蟹壮时",
post_img:"/image/post/crab.png",
content:"菊黄蟹正肥，品尝秋之味，徐志摩把，“看初花的荻芦”",
view_num:"112",
collect_num:"96",
author_img:"/images/avatar/1.png",

}，

注意事项：在image属性下绑定时需要加“”而在text下绑定是不需要 <image class="post-author" src="{ {suthor_img} }></image> <text class="post-title">{ {title} }</text>