애플릿은 어떻게 고유의 템플릿을 이해하는 페이지 일반적인 템플릿 기능을 추가? 사용자 정의 템플릿은 우리가 이러한 일반적인 템플릿을 필요로 할 때, 당신은 단지 이러한 템플릿이 될 수 호출해야하고, 템플릿도 제공됩니다, 우리의 페이지는 일반적인 방법으로 우리가 할 수있는 템플릿의 몇 가지 일반적인 단어를 즐길 수있는 내부 정의 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的方式来方面后期的开发。