微信小程序开发微信小程序开发每天进步一点点

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

2021-05-15  本文已影响0人  zcwfeng

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可以递归导入。

上一篇下一篇

猜你喜欢

热点阅读