애플릿은 어떻게 고유의 템플릿을 이해하는 페이지 일반적인 템플릿 기능을 추가? 사용자 정의 템플릿은 우리가 이러한 일반적인 템플릿을 필요로 할 때, 당신은 단지 이러한 템플릿이 될 수 호출해야하고, 템플릿도 제공됩니다, 우리의 페이지는 일반적인 방법으로 우리가 할 수있는 템플릿의 몇 가지 일반적인 단어를 즐길 수있는 내부 정의 JS 수 있도록하는 것입니다 일부 매개 변수. 출처 : HTTPS : 8 번에 //github.com/limingios/wxProgram.git
애플릿은 일반적인 페이지 템플릿을 정의
템플릿 이름 = "[TEMPLATENAME]"
기준 템플릿은 = [TEMPLATENAME]
수신 파라미터 데이터 = {{}} 데이터
공식 설명
> https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html
프리젠 테이션 템플릿의 개념은
> WXML 템플릿 (템플릿), 그런 다음 정의 된 템플릿 코드 조각의 다른 장소에서 호출 할 수 있습니다를 제공합니다.
템플릿의 이름으로 name 속성을 사용합니다. 그리고 정의 내에서 템플릿 코드에, 재산의 사용은 템플릿을 사용하는 데 필요한 문장은 다음 필요한 데이터를 전달합니다 템플릿, 템플릿은, 당신은 단지 데이터를 사용할 수 있습니다 자신의 범위뿐만 아니라 수신 데이터 템플릿 정의 파일의 정의가 모듈.
templateIs.wxml
<!templateIs.wxml-->
<template name="mytemp">
<view>姓名：{{name}}</view>
<view>年龄：{{age}}</view>
<view>地址：{{address}}</view>
<view>备注：{{remark}}</view>
<view>msg：{{msg}}</view>
</template>
<view class="container">
<template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" />
<template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" />
<template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" />
</view>
templateIs.js
//templateIs.js
//获取应用实例
const app = getApp()
Page({
data: {
person: {
address: "公众号：编程坑太多",
remark: "个人主页：www.idig8.com"
},
msg: "感谢关注，收藏！"
}
})
PS：应该是随着开发小程序项目的增多，肯定会积累一些代码，这些代码都可以通过抽离template的方式来方面后期的开发。