微信小程序(七)WXML的模板和引用

1.模板

模板

<!-- 定义模板 -->
<!-- 模板中包裹的内容,在没有使用前,是不会进行任何的渲染的 -->
<template name="zcwTemp">
    <view>{{name}}</view>
    <button>{{btnText}}</button>
</template>

2.引用

引用
小程序wxml中提供了两种引入文件的方式:import和include。

  1. import可以在该文件中使用目标文件定义的template。
  2. include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入,相当于是拷贝到 include 位置。
<!-- 导入模板 -->
<import src="模板的(绝对路径/相对路劲)"/>

<!-- 使用模板 -->
<template is="zcwTemp" data="{{name:'Zcw',btnText:'点击'}}"/>

注意:import不能递归导入。include可以递归导入。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容