微信小程序 WXML提供了import和include引用方式
使用import和include引用方式的微信小程序開(kāi)發(fā)
微信小程序WXML提供了兩種文件引用方式:import
和include
,方便開(kāi)發(fā)者模塊化管理代碼。
1. 使用import引用template
import
可以在當(dāng)前文件中嵌入目標(biāo)文件定義的template
,使得這個(gè)template
可以在當(dāng)前文件內(nèi)被使用。
以在item.wxml
中定義一個(gè)名為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'}}"/>
1.1 import的作用域
import
有作用域的概念。即只會(huì)import目標(biāo)文件中定義的template
,而不會(huì)import目標(biāo)文件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"/>
2. 使用include引用代碼片段
include
可以將目標(biāo)文件(除了<template/>
)的整個(gè)代碼引入到當(dāng)前位置。這種方式適合在多個(gè)頁(yè)面中使用相同的代碼片段,如頁(yè)面頭部和底部布局等。
header.wxml
中定義頁(yè)面頭部布局代碼片段:
<!-- header.wxml -->
<view>header</view>
同樣,在footer.wxml
中定義頁(yè)面底部布局代碼片段:
<!-- footer.wxml -->
<view>footer</view>
在index.wxml
中使用include
引入頭部和底部的代碼片段:。。。。。。
<本文由himall原創(chuàng),商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對(duì)性的提供不同行業(yè)內(nèi)的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對(duì)接海關(guān)/保稅倉(cāng)
支持多國(guó)國(guó)際語(yǔ)言
對(duì)接Paypal國(guó)際支付
幫助跨境外貿(mào)企業(yè)搭建跨境進(jìn)口/出口電商平臺(tái),搶占國(guó)際電商市場(chǎng),針對(duì)企業(yè)需求定制個(gè)性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結(jié)算
節(jié)約平臺(tái)財(cái)務(wù)成本
降低平臺(tái)招商成本
在合法、合規(guī)的前提下,為電商平臺(tái)提供資金收付、賬戶(hù)管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級(jí)階梯批發(fā)價(jià)
布局全渠道批發(fā)入口
專(zhuān)屬批發(fā)訂貨市場(chǎng)
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺(tái),整合線下批發(fā)資源,拓展線上批發(fā)渠道,實(shí)現(xiàn)批發(fā)業(yè)務(wù)24小時(shí)在線經(jīng)營(yíng)
-
MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)|MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng) 是一款集產(chǎn)、研、銷(xiāo)于一體的綜合性解決方案,專(zhuān)為解決工業(yè)品企業(yè)的采購(gòu)難題而設(shè)計(jì)。該系統(tǒng)通過(guò)...詳情
-
電子元器件采購(gòu)商城系統(tǒng)|電子元器件采購(gòu)商城系統(tǒng)有哪些功能
最新消息:電子元器件采購(gòu)商城系統(tǒng) 是專(zhuān)為滿足電子元器件行業(yè)復(fù)雜業(yè)務(wù)流程需求而設(shè)計(jì)的綜合性平臺(tái)。它不僅提供了全面的技術(shù)支持...詳情
【本站聲明】
1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識(shí),請(qǐng)您不要用于其他用途;
2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來(lái)源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無(wú)關(guān),系他人的商品或服務(wù),本網(wǎng)站對(duì)于該類(lèi)商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利;
3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保;
4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類(lèi)商品/服務(wù)詳細(xì)的資訊,請(qǐng)您直接與該類(lèi)商品/服務(wù)的提供者聯(lián)系。