include 介绍

把模板定义到外部,然后多个页面间可以共用使用定义的模板WXML结构显示。(代码复用)

  • import:将目标文件中所有的代码(除了template标签段、wxs标签段)统统在引入的位置直接用(直接使用)
  • 作用:可以将目标文件除了<template/> <wxs/>外的整个代码引入,相当于是拷贝到include位置。
  • 语法:<include src="目标文件的路径"/>

include 案例

  • 目录结构:
    在这里插入图片描述

  • 例如,新建文件asset.wxml,在其中写入以下可以被复用的代码:

<!-- 这个是一个目标文件,可以被引入 -->
 <view>
  import是爷爷,asset是爸爸,asset2是孙子  
  爷爷不能用孙子, 必须得用爸爸导入孙子,然后再爷爷导入爸爸。哈哈哈,是不是晕了。
 </view>
  • 随后在一个文件中引入上述的文件的内容:
<!--miniprogram/pages/include/include.wxml-->
<!-- 
  如果需要使用包含,则通过include标签进行
 -->

 <!-- 使用include标签导入需要复用的文件 -->
<include src="./asset.wxml"/>
  • 运行结果:

在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐