程序的编写过程中,我们不难发现有很多雷同或者相同的代码,此时为了减轻我们的工作量,便可以通过建立“模板”来避免代码冗余的情况,因为在模板中定义代码片段,然后在不同的地方调用!

模板的组件是 template,使用 name 属性为模板的名字,方便到时候调用的时候使用

我想要在我已经做好的文件中,插入一个模板,如下效果

微信小程序 之“模块的封装与引用”     微信小程序 之“模块的封装与引用”

那么我就可以这样子做:

1. 首先在post-template文件夹中添加模板文件(post-template.wxml)

<template name="msgItem">
  <view>
    <text>我是一个模板</text>
  </view>
</template>

微信小程序 之“模块的封装与引用”

<template></template> 相当于存放模板的容器
name 调用该模板文件的标识

2.然后到需要调用模板文件的 post.wxml 文件中调用模板

加入该语句:

<import src='post-template/post-template.wxml'/>
<template is="msgItem"/>

微信小程序 之“模块的封装与引用”

效果就实现啦!

微信小程序 之“模块的封装与引用”

标签 说明
<import /> 引用模板,用src 来找到模板的存放的位置
<template is="模板命名"/> 锁定模板的命名,引用模板里面的内容

嘻嘻,总的逻辑就是:在模板文件命名,然后再到需要调用的文件通过src 路径name属性的命名来调用

相关文章:

  • 2021-12-05
  • 2021-08-19
  • 2021-12-01
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-20
  • 2022-12-23
  • 2021-07-31
  • 2022-12-23
  • 2021-09-20
  • 2021-11-16
  • 2021-12-04
相关资源
相似解决方案