插值表达式:
{{ }}是插值表达式,在插值表达式里面可以直接使用js里面定义的数据。
例:<view class="type">
<text>歌曲分类:{{name}}</text>
<text>歌曲热度:{{hot}}</text>
</view>
data:{
name:"热门歌曲",
hot:100
}
wx:if
wx:if用于条件渲染:条件为真生成里面的内容,条件为假不会生成里面的内容。(每次重新生成内容)
例:<view class="songs" wx:if="{{typeId==1}}"></view>
wx:for
wx:for指令,用于循环列表,循环出来的每一项通过item返回,每一项对应的索引,通过index返回。循环列表时,添加wx:key的好处时,将来列表发生变化时重新渲染列表的损耗为更低。
例: <view wx:for="{{songs1}}">
bindtap
bindtap是触屏事件,相当于网页中的点击事件。
例:<view bindtap="gotoList">到列表页</view>
navigator
navigator组件,就相当于网页中的超链接。通过url属性可以跳转到其他页
例:<navigator url="../detail/detail">到详情页</navigator>