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

作者: zcwfeng | 来源:发表于2021-05-15 01:23 被阅读0次

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

    相关文章

      网友评论

        本文标题:微信小程序(七)WXML的模板和引用

        本文链接:https://www.haomeiwen.com/subject/yjnbdltx.html