如何为微信小程序添加WXML模板和自定义组件

在微信小程序中，可以使用WXML模板和自定义组件来实现页面的复用和模块化开发。接下来，我将详细介绍如何为微信小程序添加WXML模板和自定义组件。

一、添加WXML模板

WXML模板可以用来复用页面的某一部分或某个组件。通过定义WXML模板，可以将一段公共的代码块封装起来，方便在不同页面中重复使用。

1. 创建WXML模板文件

在小程序项目的目录结构中，创建一个名为"template"的文件夹，用来存放WXML模板文件。在"template"文件夹下创建一个名为"template.wxml"的文件，用来编写WXML模板代码。

1. 编写WXML模板代码

在"template.wxml"文件中，可以编写需要复用的WXML代码。例如，我们创建一个名为"userInfo"的WXML模板，用于展示用户信息：

<template name="userInfo">
  <view class="user-info">
    <image class="avatar" src="{
  {avatarUrl}}"></image>
    <text class="nickname">{
  {nickname}}</text>
  </view>
</template>

在上述代码中，使用了<template>标签定义了一个名为"userInfo"的模板，模板中包含了一个包裹用户信息的<view&