实训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"/>
?
總結
