138 - 修炼 - 小程序的知识点08

用户1335799

发布于 2021-03-04 14:34:27

34800

代码可运行

文章被收录于专栏：怀英的自我修炼怀英的自我修炼

运行总次数：0

代码可运行

你好呀，上周的时候和你聊了一下条件渲染，还有点儿恶趣味地用师父被妖怪抓走了谁去救来举例子，来说明条件渲染如何使用。

这次和你聊聊 WXML 的最后一个知识点---模板引用。

对于模板引用，我个人的看法是，像是在前端使用“对象”进行数据输出。这样进行数据操作的时候，便会更加地简单和清晰。

它需要在 JS 中定义好数据，然后在 WXML 中，通过 <template> 进行对象数据的输出。比如可以用条件渲染的方式介绍孙悟空，方法如下：

<!-- index.html -->
<template name="iTempInfo">
    <view>
        <view>名号:{{name}}</view>
        <view>武器:{{weapon}}</view>
        <view>技能:{{skil}}</view>
    </view>
</template>

<template is="iTempInfo" data="{{...info}}"></template>

--------- 分割线 ---------

<!-- index.js -->
Page({
  data:{
      info:{
            name:"孙悟空",
            weapon:"金箍棒",
            skill:"七十二变",
        }
  }
})

--------- 分割线 ---------

<!-- show -->
名号:孙悟空
武器:金箍棒
技能:七十二变

这里是怀英的小茶馆，有空坐坐。

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2021-02-07，如有侵权请联系 cloudcommunity@tencent.com 删除

xml