小程序的文件WXM引入语法

最新推荐文章于 2023-02-22 17:43:31 发布

H___want

最新推荐文章于 2023-02-22 17:43:31 发布

阅读量364

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/m0_46088410/article/details/110039094

版权

本文介绍了小程序中用于导入文件的`import`和`include`两种语法，详细讲解了它们的使用方法，帮助开发者理解如何在小程序开发中进行文件组织和复用。

摘要由CSDN通过智能技术生成

以下内容来自官方文档https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html

有两种方式:import和include

import

import可以在该文件中使用目标文件定义的template，如：

在 item.wxml 中定义了一个叫item的template：

<!-- item.wxml -->
<template name="item">
  <text>{
  {text}}</text>
</template>
在 index.wxml 中引用了 item.wxml，就可以使用item模板：

<import src="item.wxml"/>
<template is="item" data="{
  {text: 'forbar'}}"/>
import 的作用域
import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。

如：C import B，B import A，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template。

<!-- A.wxml -->
<template name="A">
  <text> A template </text>
</template>

<!-- B.wxml -->
<import src="a.wxml"/>
<template name="B&