小程序学习:bindtap和catchtap,wx:for和wx:for-item

        在学习小程序的时候有些知识点比较模糊,百度了一些回答,也都还不是特别清晰,最终还是查看文档来搞明白的。

废话不多说,我来分享一下心得,以下纯属个人理解,如有错误,请指教。

       bindtap和catchtap

 我之前学习过一点vue,所以对bind比较敏感,其实小程序本身也是借鉴的vue的思想。

两者差别:官方文档

个人理解:两者都是用于事件绑定,区别在于bind不会阻止冒泡事件,catch会阻止冒泡事件。文档写的很详细,案例很清晰。

      wx:for和wx:for-item

官方文档:

个人理解:wx:for相信大家都能理解,就是遍历一个数组,默认当前项的下标为index,内容为item。

然后wx:for-item的作用就是给item再取个名字(比较俗,想不到什么高大上的词语),拿文档案例的99乘法表为例子。

用wx:for-item="i"表示用 {{i}} == {{item}} ,可以用 i 来表示 item ,搜索大佬的笔记说的是别名,也就是另一个名字而已。写的更加方便(除了这个好处我想不到别的了。。。)

补充:还有个叫做wx:for-items,把wx:for="{{lists}}" 替换为wx:for-items="{{lists}}",效果是一样的。参考网址:https://blog.csdn.net/jimolangyaleng/article/details/54315974

小结:wx:for等价于wx:for-items是循环数组用的;而wx:for-item则是给列表赋别名用的

总结:学小程序1个多礼拜来着,发现要学好小程序最重要的就是

 看文档!看文档!看文档!

重要的事情说三遍。。其实文档上基本都有,文档上没有的基本上也不太会用到(这里不敢说绝对0.0个人感觉)

猜你喜欢

转载自blog.csdn.net/weixin_40858306/article/details/81301688