微信小程序外部引入方法

本文介绍了微信小程序中引入外部模板的两种方法:import和include,详细讲解了它们的使用场景和区别。import有作用域限制,适用于模板片段的引入;include则等同于代码拷贝,用于引入wxml片段。此外,还探讨了WXSS的特性,如rpx单位和@import样式的导入方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、引入模板

小程序提供了两个引入外部模板的方法:import和include

使用外部模板可以实现大部分共同页面的代码利用,在一个app中,头部和脚部基本不会
变动太大,这时就可以通过模板的方式引入,实现多个页面的复用。

1.1 import

示例:

<!--view.wxml-->
    <template name="view">
        <text>{
  
  {text}}</text>
    </template>

引入:

    <import src="view.wxml"/>
    <template is="view" data="{
  
  {text: 'forbar'}}"/>

注意:import有作用域,即import引入的模板只在当前页面有效,即import不会向下查找另外的模板

1.2 include
include标签可以看作是对 “html”的一个拷贝,即将外部的wxml片段拷贝进文档中
示例:
外部wxml片段

    <!-- header.wxml -->
    <view> header
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刺心疯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值