小程序基础组件和数据绑定方式汇总

参考文章：
官方文档：组件文档
小程序：列表实现
小程序：display属性

1. 小程序组件
   • 和Android类似，小程序也封装提供了一批组件，包含基础组件和复杂组件等，基础组件包含view，image，text，scrollview等，复合组件包括swipeview（轮播图），richtext（富文本），camara，video，audio等组件。
   • 小程序的布局文件类Android，以组件的方式提供，但是布局文件布局格式又类似于web编程，比如文本：Android上textview完全设置属性即可，但是小程序text通过属性设置其样式及其行为，但是赋值还是web式赋值方式。
   • 对应组件的属性不再一一描述，太多后续使用过程中去上面文档查阅即可。
2. 小程序view绑定数据方式

   • 小程序view数据绑定方式包含：普通绑定，属性绑定，运算，组合，setdata方法修改属性值。即：

     
     小程序数据绑定模式

   • 在页面文件夹下的js文件中data声明当前页面需要的数据（此数据可以通过接口从服务端获取），声明后在wxml文件中既可以使用。

   • 普通绑定方法是：再wxml文件中直接使用{{}}(双大括号)其内部引用上面声明的数据或者变量即可，引用可以是对象并通过对象访问对象的属性。

   • 属性绑定：wxml中属性格式为key="value"，所以属性绑定和普通绑定不太一样，需要在双引号内部使用{{}}引用数据来绑定对应的数据或者变量。

   • 运算：在绑定过程中即{{}}内部可以使用运算符，三元运算或者普通运算符都可以。

   • 组合绑定：在view中绑定的是值，而且是变量的最终值，所以前面的声明或者运算都会修改变量值，view绑定的数据不一定是变量声明的初始值。

   • setdata():小程序中可以通过api（setData）修改data中声明的变量或者对象的值，进而修改view的绑定。

   • view的属性支持运算，比如view的显示与否可以在属性visible设置isVisible？true:false,页面控制isVisible变量即可