微信小程序 WXML提供了import和include引用方式
2017-10-17 20:41
435 查看
引用
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>
相关文章推荐
- 微信小程序include与import引用模板的区别
- 微信小程序 引用模板import和include的区别
- import和include作用域——微信小程序
- 微信小程序框架wxml(六)wxml引用
- 【微信小程序笔记-2】框架-视图层-WXML(数据绑定、渲染、引用)
- 小程序中引用import和include区别
- 微信小程序入门五: wxml文件引用、模版、生命周期
- 详解微信小程序入门五: wxml文件引用、模版、生命周期
- 微信小程序WXML 数据绑定、列表渲染、条件渲染、模板、事件、引用用法
- 微信小程序 四 wxss引用 wxml引用
- 微信小程序入门五: wxml文件引用、模版、生命周期
- 小程序文档整理之 -- 引用(import和include)
- 微信小程序开发(十) - 引用外部文件 - wxml 引用
- [置顶] 微信小程序模板消息的两种实现方式
- IOS开发技术之──头文件引用(@class/#import/#include)
- android 各种xml资源的引用方式
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 转载:android 各种xml资源的引用方式
- 微信小程序如何引用外部icon
- 引用外部CSS的link和import方式的分析与比较