小程序

第一次做小程序用到了<template></template>模板的使用，感覺挺新奇的，我自己認為大概的就是組件這一類但是它可以判斷何時使用什么樣的模板通過判斷來進行展示

寫一點代碼吧

 

//展示頁js
var app = getApp() 
page({
   eg:{
        data:[1,2,3,4,5,6,7,8,9]      //模板頁用來展示的數據
       }
      
})

上面的代碼就是用來在展示頁的數據

<!--展示頁wxml-->
<import src="../template/template.wxml"/>  //引入模板的wxml文件

<view class="container">
     <template is="{{eg.data.length> 0 ? 'data' : 'noData'}}" data="{{...eg}}"></template>   //此時進行判斷該用哪個模板-->判斷template 的name屬性,eg是指要傳入模板的數據

</view>

<!--模板頁-->

<template name="noData">     //模板有name屬性
    <view>

           沒有數據哦！
    </view>
</template>

<template name="data">      //模板有name屬性

<view wx:for='{{data}}' wx:key='{{key}}'> 
<view>{{item}}</view> 
</view>
</template>     //此時循環的data是eg{data:[...]}

(展示效果)

此時可以看到效果 1，2，3，4，5，6，7，8，9

<template is=''  "    data=" "></template>   此時的is用來進行判斷  data是要傳入模板中的數據...eg   ...(spread運算符)