小程序WXML之引用

谁践踏了优雅 2023-10-17 09:04 131阅读 0赞

### 引用 ###

WXML提供两种文件引用方式`import`和`include`。

#### import ####

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

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

<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`**。

<template name="A">
      <text> A template </text>
    </template>

<import src="a.wxml"/>
    <template name="B">
      <text> B template </text>
    </template>

<import src="b.wxml"/>
    <template is="A"/>  
    <template is="B"/>

#### include ####

`include`可以将目标文件出了`<template/>`的整个代码引入，相当于是拷贝到`include`位置，如：

<include src="header.wxml"/>
    <view> body </view>
    <include src="footer.wxml"/>

<view> header </view>

<view> footer </view>

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】WXML 模板

目录 WXML 模板 1. 什么是 WXML 2. WXML 和 HTML 的区别 WXSS 样式 1. 什么是 WXSS 2. WXSS 和 CSS 的区别 J

水深无声/ 2024年03月30日 11:08/ 0 赞/ 74 阅读

相关小程序WXML之引用

引用 WXML提供两种文件引用方式`import`和`include`。 import `import`可以在该文件中使用目标文件定义的`template`，如：

谁践踏了优雅/ 2023年10月17日 09:04/ 0 赞/ 132 阅读

相关小程序WXML之事件

事件的定义在程序中都有事件这一概念，微信小程序中对事件的定义主要有以下几点：事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。

心已赠人/ 2023年10月17日 09:04/ 0 赞/ 148 阅读

相关小程序WXML之模板

WXML提供一种比较特殊的标签模板（template），可以在模板中定义代码片段，然后在不同的地方调用。这个有点类似C和java里面的函数方法。定义模板 ------

曾经终败给现在/ 2023年10月17日 09:04/ 0 赞/ 149 阅读

相关小程序WXML之条件渲染

wx:if 在MINA中，用来判断是否需要渲染该代码块，这个和java、C中if条件判断是一样的，语法格式： `wx:if="{ {condition}}"`,双重大括

女爷i/ 2023年10月17日 09:01/ 0 赞/ 126 阅读

相关小程序WXML之数据绑定

WXML(WeiXin Markup Language)是MINA设计的一套标签语言，结合基础组件，事件系统，可以构建出页面的结构。简单的说就是微信团队自己设计出来一种xml标

矫情吗；*/ 2023年10月17日 09:01/ 0 赞/ 150 阅读

相关微信小程序WXML语法之模板和引用

模板 WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用 name 属性，作为模板的名字。然后在`<templ

缺乏、安全感/ 2023年07月03日 02:35/ 0 赞/ 15 阅读

相关小程序wxml管道

用过Angular的都知道管道的概念。管道就是数据的转变，例如某个选项的value是A，对应文本显示为车票预订，如何在wxml页面上将A转化为车票预订？一、新建wxs

╰+攻爆jí腚メ/ 2023年05月21日 15:21/ 0 赞/ 26 阅读

相关小程序笔记wxml

数据绑定及渲染 //数据绑定 <view> { { message}} </view> //遍历 <view wx:for="{ { newobj}}">{ { it

痛定思痛。/ 2022年05月29日 01:43/ 0 赞/ 218 阅读

相关 wx小程序——页面引用外部wxml通用页面

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Myth丶恋晨/ 2021年07月25日 22:58/ 0 赞/ 482 阅读