WeChatアプレットでテンプレートモジュールを使用するにはどうすればよいですか？たとえば、ログインポップアップを作成するためのテンプレート

何のために？いつ使用されますか？
WeChatテンプレートは、主にパブリックインターフェイスの管理に使用されます。たとえば、ポップアップウィンドウやパブリックページはテンプレートで定義できます。
1. WeChatアプレットでテンプレートモジュールを使用するにはどうすればよいですか？
1.テンプレートファイルを作成します

2.index.wxml =>

<template name="apifmLogin">
  <view class="apifmLogin" hidden="{
   
   {wxlogin}}">
    <view class="s-b">
      <view class="s-l-b">
        <image src="/images/login.png" style="width:180rpx;height:130rpx;margin-left:160rpx;" />
        <text>授权登录</text>
      </view>
      <view class="s-t-b">
        <view class="s-t-i">
          <text>·</text>请授权小程序登录</view>
        <view class="s-t-i">
          <text>·</text>我们不会公布您的这些信息</view>
        <view class="s-t-i">
          <text>·</text>只是为了给您提供更好的服务</view>
      </view>
      <button class="l" catchtap="yx" style="line-height:30rpx;">允许</button>
      <button class="c" catchtap="zb" type="default" style="line-height:30rpx;">暂不登录</button>
    </view>
  </view>
</template>

3.使用したページで紹介します

<import src="/template/login/index.wxml" />

4.使用したページで

<template is="apifmLogin"  data="{
   
   {wxlogin:!show}}" />

内部にあるのは、定義されたテンプレートの名前に対応します。
注：テンプレートに
js関連の操作がある場合、または変数が導入されている場合、これらの変数とメソッドは、インポートされたテンプレートのjsファイルに書き込む必要があり、使用される変数はテンプレートのデータ属性を渡すパス、データの変数はテンプレートタグの変数に対応します

変数
show：falseを定義してjsに渡します