文章目录
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"/>
- 运行结果: