实训DAY03

app.js App onLaunch:function() 方法每次启动必运行
<view> <text> </text> </view>
src='../../···'   ..俩个点返回一个上一级

wx:if='{{true}}' false 隐藏
bindtap='名字' 点击事件

<view wx:if="{{length > 5}}"> 1</view>

<view wx:elif="{{length <2 }}"> 2</view>

<view wx:else>3 </view>

wx:if vs hidden
因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，
框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。
hidden 就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。
wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。
因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。

imgurl:[
      {url:'../../assets/icons/20180312190544.jpg'},
      {url:'../../assets/icons/1527950406.png'}
]

<swiper>
  <block wx:for='{{imgurl}}' wx:key="url">
    <swiper-item>
      <image src='{{item.url}}' style='width:100%;height:100%'></image>
    </swiper-item>
  </block>
</swiper>

wx:key 既是给每个block一个唯一标识符

组件 各种标签
{{}}数据绑定

模板：
<template is="model" data="{{...obj}}"></template> ...对象解构 
通过数据绑定将其他文件的obj对象传过来，
<template name="model">
  {{name}}:{{sex}}
  <text>{{age}}</text>
</template>  
显示数据

组件：视图容器，媒体导航等各种组件，各种标签
框架：组件的数据，获得数据来源

模板化开发：
创建模板wxml文件，定义模板，在需要则引用的文件
<import src="XX.wxml"/>