前端开发---微信小程序中的页面代码中的模板的封装

置顶

京洛尘

于 2017-09-21 09:57:14 发布

阅读量4.4k

点赞数 1

文章标签：前端开发微信

本文链接：https://blog.csdn.net/luohe1234/article/details/78048413

版权

本文介绍了在微信小程序中如何进行页面模板的封装，以减少重复代码并优化结构。内容涉及模板定义、wx:for循环、模板导入、数据传递等，通过示例解释了在模板中动态绑定数据的方法，并探讨了数据不写死的优化可能性。

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

最近在进行微信小程序中的页面开发，其实在c++或者说是js中都会出现这种情况，就是相同的代码会反复出现，这就是进行一定的封装，封装的好处就是可以是程序中在于减少一定的代码量，并且可是使代码结构更加清晰。那今天所要记录的就是关于微信小程序中的页面的模板封装。

在微信小程序中的文件名都带有wxml等样式，在wxml中提供了模板，即可以在模板中定义代码片段，然后可以在页面中的不同位置进行调用，模板的定义：

 
  < 
  template 
  name= 
  "products" 
  > 
 
 
  < 
  block 
  wx:for= 
  "{
   {productsData}}" 
  > 
 
 
 

关注