微信小程序如何使用模板template，并且能够调用

最新推荐文章于 2024-07-06 22:23:57 发布

Danile-丹丹

最新推荐文章于 2024-07-06 22:23:57 发布

阅读量9.6k

点赞数

分类专栏：前端小程序前端文章标签：前端小程序

本文链接：https://blog.csdn.net/shirleyqdd/article/details/80914472

版权

本文介绍了微信小程序中如何利用template提升代码复用性和维护性。通过创建模板、指定name属性和使用is关键字来引用模板，配合当前页面数据实现动态渲染，简化重复代码，提高开发效率。

摘要由CSDN通过智能技术生成

一般在开发一个小程序的时候，总是会有一些重复的样式，或者不同页中会出现相同的模板样式，如果一个界面或者不同界面都写一样的代码（哪怕复制粘贴代码），代码复用性低，并且不易维护，若pm要改动一点点东西，则需要全部改动，维护性差。

这时候template的作用就出来了，此处，我讲以一个小例子进行简单介绍。

红色部分则是，用引用的商品模板:

模板页代码如下：

template.wxml

<!--pages/template/template.wxml-->

<template name='shopTemplate'>
  <view class='shopTemplate'>
    <view class='shopTemplate_name'>
      <view>商品名称：{
   {name}}</view>
    </view>
    <view class='shopTemplate_price'>
      <view>商品价格：{
   {price}}</view>
    </view>
    <view class='shopTemplate_snap'>
      <button bindtap='