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

小程序 (4) 2024-04-18 15:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说小程序学习:bindtap和catchtap,wx:for和wx:for-item,希望能够帮助你!!!。

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

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

       bindtap和catchtap

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

两者差别:官方文档

小程序学习:bindtap和catchtap,wx:for和wx:for-item_https://bianchenghao6.com/blog_小程序_第1张

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

      wx:for和wx:for-item

官方文档:

小程序学习:bindtap和catchtap,wx:for和wx:for-item_https://bianchenghao6.com/blog_小程序_第2张

个人理解: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}}",效果是一样的。参考网址:小程序学习:bindtap和catchtap,wx:for和wx:for-item。

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

 

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

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

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

 

 

 

 

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复