微信小程序 教程之引用


Posted in Javascript onOctober 18, 2016

系列文章:

引用

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="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">
 <text> B template </text>
</template>
<!-- C.wxml -->
<import src="b.wxml"/>
<template is="A"/> <!-- Error! Can not use tempalte when not import A. -->
<template is="B"/>

include

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

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

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

Javascript 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
javascript中使用css需要注意的地方小结
Sep 01 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
详解javascript中的babel到底是什么
Jun 21 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 #Javascript
微信小程序 教程之事件
Oct 18 #Javascript
微信小程序 教程之模板
Oct 18 #Javascript
微信小程序 教程之列表渲染
Oct 18 #Javascript
微信小程序 教程之条件渲染
Oct 18 #Javascript
微信小程序 教程之数据绑定
Oct 18 #Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 #Javascript
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
Python中 map()函数的用法详解
2018/07/10 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
数控技术应用个人求职信范文
2014/02/03 职场文书
表决心的诗句大全
2014/03/11 职场文书
建筑安全生产责任书
2014/07/22 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python