微信小程序开发，视图层数据绑定与条件渲染说明

在开发微信小程序的过程中，视图层的数据绑定有几种情况需要注意，在进行条件渲染的时候，也要先了解一下参数属性，针对这两个方面的要求，小编就整理了一下视图层的数据绑定与条件渲染的说明文档，具体内容如下。

一、数据绑定说明

1、普通绑定

<view>{{name}}</view>

2、组件属性绑定

组件属性的绑定，必须使用引号，在js改变index值的时，页面会自动刷新最新值。

<view id="item-{{index}}"></view>

3、控制属性绑定

  控制属性的绑定即属性值是需要通过满足一定条件达到目的，此外，它还可以是条件表达式或者运算表达式、多级条件判断。示例如下：

（1）属性满足一定条件来达到目的：<view wx:if="{{condition}}"></view>

（2）条件表达式或运算表达式：<view hidden="{{flag ? true : false}}"></view>

（3）多级条件判断：if ... elif ... else

4、<block>块标签的使用

使用<block>块标签后，可以使用条件判断从而控制多个组件，不过<block>块标签只会起到分组作用，并不会被真的渲染出来。

5、使用条件来控制view时，与hidden属性的比较

（1）view的条件判断，会在条件中的值发生变化的时先销毁原先的，然后在满足条件的时候进行重新渲染和销毁。

（2）hidden属性控制view的显示和隐藏，这个属性的组件始终会被渲染，不过可以在需要的时候控制它的隐藏和显示。

（3）当开发者在需要频繁切换的情况下，建议用hidden属性控制，而如果在绑定的数据基本不变的情况下，建议使用wx:if条件来控制。

二、列表渲染说明

  1、列表渲染wx:for：可以同时生成多个元素

  2、参数属性说明

 （1）wx:key="unique..."：指定组件的唯一标识，列表发生变化需要保持自身的状态和特征不发生变化，并且能在重新渲染的时候，重新排序。

 （2）wx:key="*this"：此参数的功能属性同上，不同的是，这个参数要求项目中的item本身是唯一的，即需要用到的属性值是唯一的。

 （3）wx:for-index="index"：指定循环的下标变量名，默认：index。

 （4）wx:for-item="item": 指定当前项变量名，默认：item。