4-8 数据绑定扩展

知识点1、在swiper里面设置vertical=“false” 时候，并不能水平，因为小程序把false转化成字符串，字符串为ture。这时候可以用数据绑定vertical=“{{false}}”，凡是涉及布尔值的时候，都要这么用。否者全部都被转化成true,不管你写的是true还是222。

知识点2、数据绑定的几种用法。

1、如果是绑定的数据元素对象里还有对象，比如下面的img。那么在wxml里面数据绑定的时候，对象post_content1里面的img又包了一层。img包裹了post_img和author_img。那么应该在wxml中如何使用呢？用的是{{img.post_img}}把上一层对象带着就好了。又包了一层，也是一样，比如img.post_img.img1  。

2、wxml里面可以有一个元素里面，当然也可以绑定多个。比如<text>{{title1}}{{title2}}</text>  

3、控制标签元素的隐藏和显示。标签元素包含wx:if = "{{ture}}" 就会显示，wx:if = "{{false}}"标签元素就会隐藏，可以控制显隐。当然并不是自己手动改这里的true和false，而是通过js去修改。比如把标签设置：wx:if = "{{condition}}" ，在js里面传来的数据condition = ture ，这里不要打引号，否则成了字符串，就算是false也是显示的。 说一下原理，在wxml中标签设置了wx:if = "{{true}}"，就直接显示了，但是如果设置了condition，就会进行转化，转化成true或者false，于是就开始在js中寻找有没有这个变量。找到对应的值，就显示或者隐藏。

4、<text>{{“hello”+title2}}</text>那么hello是一个字符串，会直接显示在web端。

5、在js里面，a:1,b:2,c:3，那么<text>{{a+b+c}}</text> 显示的是6，不是123 。会相加。