好资源导航 » 文章资讯 » 详解微信小程序中的页面代码中的模板的封装

详解微信小程序中的页面代码中的模板的封装

2023-09-23 09:12:04 54

详解微信小程序中的页面代码中的模板的封装

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

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







有货

{{item.name}}

￥{{item.price}}

name主要就是给封装好的模板进行命名，因为可能模板文件中不一定就只存在这一个模板，所以命名化可以方便区分哪个是要引入的模板。

wx:for就是微信小程序中的循环，里面就是要循环的数组数据，这个值是可以在引入模板的时候进行引入赋值的。

模板的导入：

---要找到要引入的模板文件路径，这里面的路径写相对路径会很方便

模板的使用：