微信小程序 教程之引用

网络编程 发布日期：2024/10/3 浏览次数：1

正在浏览：微信小程序 教程之引用

系列文章：

微信小程序 教程之WXSS
微信小程序 教程之引用
微信小程序 教程之事件
微信小程序 教程之模板
微信小程序 教程之列表渲染
微信小程序 教程之条件渲染
微信小程序 教程之数据绑定
微信小程序 教程之WXML

引用

WXML提供两种文件引用方式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="/UploadFiles/2021-04-02/item.wxml">


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="/UploadFiles/2021-04-02/a.wxml">





<!-- C.wxml -->
<import src="b.wxml">


include


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







<!-- index.wxml -->
<include src="/UploadFiles/2021-04-02/header.wxml">





<!-- header.wxml -->
<view> header </view>








<!-- footer.wxml -->
<view> footer </view>





感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！


        

        

            
上一篇：微信小程序 教程之WXSS

            
下一篇：Angular2中Bootstrap界面库ng-bootstrap详解

        

        
一句话新闻
高通与谷歌联手！首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布，推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中，全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前，搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世，有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示，此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。