微信小程序开发框架——模板引用

22 篇文章 0 订阅
19 篇文章 0 订阅

在wxml里定义了一个模板、用template标签来表示,在template里面定义了代码片段、name属性作为template名称,在外面可以直接使用所定义的模板。

    通过is属性来声明使用哪一个模板,is属性也可以做一些动态的数据绑定。在使用模板需要传入需要使用的数据,data属性就是确保向模板数据信息。

    注意模板有自己作用率、只能用data属性传入。如图:、

    在data对象定义了item对象,item对象里包含了、名字、手机号、地址。在wxml文件定义了一个template模板,模板里面绑定:收件人、联系方式、地址。

    通过外部声明引用这个模板,并通过扩展运算符把定义的template对象传给这个模板,把传入的信息渲染出来,这就是wxml模板特性!
    

    文件引用:1.import是如何引用文件的?如图:

    import只能引用所定义的模板文件里面的模板内容块,在wxml内通过imoprt标签的src属性,引用模板文件的路径。通过声明template标签的is属性,来声明使用模板名称。

    在外部模板文件内定义了两个标签:"view"和"template"的。在view标签中,定义了没有感叹号的 Hello,world文本内容。

    在template标签中,定义了有感叹号的 Hello,world!文本内容。

    微信小程序只渲染出了,template标签中,有感叹号的 Hello,world!文本内容。

    引用的模板文件的模板只能渲染它对应模板的内容,如图:

    import还有一个作用率的概念,只能引用目标文件所定义的template模板,目标文件嵌套其他template模板是不会被引用的,如图:

    在index.wxml文件中,引入了a.wxml文件中的模板。在a.wxml文件内,引入了b.wxml文件中的模板,定义了a.wxml文件中自身的模板内容。

    在b.wxml文件内,定义了b.wxml文件模板内容。

    小程序只显示a.wxml文件中的显示的内容。import还有一个作用率的概念,避免了应用模板死循环的问题!

    2.include是把目标文件内除了、模板代码块外、的所有代码都引入,相当于拷贝到include里,如图:

    在index.wxml文件中、引入了a.wxml文件中目标文件,用src属性是来引入的、src属性引入路径的绝对路径和相对路径!

    引用a.wxml所定义的模块的模板内容块a,声明了template模板内容块、name属性是a,在template标签下写入了view标签内是Hello,world文本,他不在template标签内!

    运行代码小程序渲染出了,Hello,world文本,没有把a.wxml所定义的模块的文本渲染出来。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值