005、微信小程序---template模板

template和组件模板的区别：
    tempalte是代码片段；
    而组件模板是类似于页面的，有自己独立结构和的样式。

1、定义模板：
/*
    a、nav1为从上层组件中传递的data值
    b、name属性用来区别模板的。详细属性在以下连接中查看。
       https://mp.weixin.qq.com/debug/wxadoc/dev/component
    c、wx:for为列表渲染方式。wx:for-item是用来定义单个变量的名称。
       详情:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html
*/
<template name="nav1">
    <view>导航1</view>
    <bolck wx:for="{{nav1}}" wx:for-item="item" >
        <navigator url="../../pages/page/page"></navigator>
    </block>
</template>
2、使用：
/*
    a、data值就是向template模板中传递的值。

*/
2.1、将组件引入页面中
    <import src="../components/template/temp" />
2.2、根据需要将不同的模板渲染至视图层
    方法一：<tempalte is="{{nav_flag === 0 ? 'nav1' : 'nav2'}}" data="{{nav2}}" />
     方法二、<template is="nav1" data="{{nav1}}" hidden="{{nav_flag === 1}}" />

温馨提示：扫码可以提问、交流。本人有各个行业的小程序前端代码，如有需要也可以扫码留言哦。