小程序1——数据绑定、模板引用、wxss、wxs框架、基础类库

官方文档： https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/

一、WXML特性之数据绑定

二、WXML特性之模板及引用

1. template模板

home.wxml

<template is="tempitem" data="{
    {...people}}"></template>     <!-- 该行代码决定了模板的位置 -->
<template name="tempitem">
  <view>{
  {name}}</view>
  <button bindtap=''>点击隐藏</button>
</template>

home.js

Page({
   
  data: {
   
    people: {
   
      name: "jack",
      age: 12,
      id: 123
    }
  },

template模板有自己的作用域，不存在嵌套引用，避免造成死循环，比如模板a引用了模板b，在c.wxml中引用模板a时，并不会引用到模板b。

2. 文件引用方式

1. import

home.wxml

<import src="a.wxml