第十节：视图层_组件_详情

每个组件除了“第九节：视图层_组件简述”中讲到的所有组件共有属性以及属性的类型
那么此节所讲到的详情就是每个组件特有属性以及其使用
为了不浪费编写文档的时间，还是点击我查看官方文档
在查看官方文档时，牢记下面几点：
    1.除了官方文档中每个组件的描述是特殊的属性
    2.还要记得使用大家共同的属性哦
    3.每个组件的使用方法
    4.还有一些新版本中增加需要做兼容性处理的组件和组件属性要注意
    5.label组件与checkbox或radio的组合使用
        用来改进表单组件的可用性，即点击标签文字描述也可选中这一项
        使用方式：
            1)将checkbox或radio放在label标签下，
            2)label的for属性找到对应的id(for优先级高于内部控件)
            内部有多个控件的时候默认触发第一个控件
        示例：表单组件在label内，同理radio
                <checkbox-group class="group" bindchange="checkboxChange">
                    <view class="label-1" wx:for="{{checkboxItems}}">
                        <label>
                            <checkbox value="{{item.name}}" checked="{{item.checked}}"></checkbox>
                            <text class="label-1__text">{{item.value}}</text>
                        </label>
                    </view>
                </checkbox-group>
        引用：
            radio的value属性：
                当该<radio/> 选中，< radio-group/> 的 change 事件会携带<radio/>的value
    6.逻辑层js两个重要的知识点
            []是数组
            {name:value...}是对象
            [{name:value...}]是数组对象
    ：