微信小程序import与include的区别有哪些?

本文详细介绍了微信小程序中如何使用模板和页面组件。通过创建独立的WXML模板文件,利用`import`导入并在页面中使用,展示了如何传递数据给模板以及如何通过`include`标签来包含头部和底部组件。示例代码演示了模板的定义、导入和应用,以及数据绑定的方法。同时,文章还提及了第三方开发平台在小程序开发中的作用。
摘要由CSDN通过智能技术生成

模板可以用单独的wxml来保存
使用的时候, 用import导入模板
创建模板数据的来源:

Page({
  data: {
    mo: 'Hello World!!',
    userid : '1234',
    text:'测试',
    list: [{
      index: 0,
      msg: "this is a template",
      time: "2016-09-15"
    },
    {
      index: 1000,
      msg: "this is a new template",
      time: "2026-09-15"
    }]
  }

创建模板文件(可以放在其它专用文件夹):

<!--模板独立成单独的文件-->

<template name="item">
 
  <view>template text: {
  {msg}}</view>
 
  <view>日期 : {
  {time}}</view>
 
</template>

使用import导入模板并使用

<!--模板引用-->

<import src='../common/template.wxml'/>   
 
<view class='container'>
 
  <view wx:for='{
  {list}}'>
    <!--模板使用-->
    <template is='item' data="{
  {...item}}"/>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值