成都创新互联网站制作重庆分公司

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

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

黄陵网站建设公司创新互联公司,黄陵网站设计制作,有大型网站制作公司丰富经验。已为黄陵上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱,请找那个售后服务好的黄陵做网站的公司定做!

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

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







有货

{{item.name}}

¥{{item.price}}







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

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

模板的导入:

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

模板的使用: