微信小程序- 父组件传值给子组件

微信小程序- 父组件传值给子组件,第1张

如上尘键图所示,这个界面中整个页面是父级页面, 2个块悄兄稿级是子组件

1.父 --- 子(第一级子组件启孝) custom-adoption-agency

1.父属性在子组件中存入properties,后写属性的数据类型

2.由于父直接修改properties值,如果子想要重刷新,需要取

this.属性名称

1.服务和体验更有优势:

先不说无需下载即可安装这个优势,小程序的核心主要是针对一些轻度用户和新用户,提供基础服务,有一个重要的特点就是穗册:能简化用户路径去享受更好的服务,通过碎片化服务是及时性增加用户粘度。

2.另一种新生的服务:

小程序作为一个新兴的流量入口,影响力不是当年公众号能比的,腾讯政策的全面扶持,各种搜索窗口的首位显示,都证明小程序将要搞个大新闻。

3.入口众多:

开发一个小程序比开发一个APP所需资金要低很多,扫一扫二维码进入小程序/长按识别二维码进入小程序/搜索小程序进入页面这三种方式来说,甚至朋友之间可以通过分享来传播,比搜索APP下载一层层进入来得简单和轻量,这也是小程序的另一优势。

4.小企业:

特别是刚刚新立的小企业是一个很好的机遇,因为新的平台降临,新企业和老企业又回到同一条跑线上了,获得了接近平等的机会,就如公众号平台一样,造就了很多勤奋的新企业致富,一个人的力量胜过一家可以新三板上市的公司。

5.节省资源:

可以很大程度上协助没有啥资金和资源的小企业和个人,这个必然会成为新的造福平台。

6.用户使用成本低:

无需安装下载,只需关注一个号就可以得到全部的服务。

对于线下实体店的好处如下:

1、潜在用户,一触及达,这样吸引来的都是精准用户。

随手打开了自己微信和族旦的小程序页面。首先小程序顶部有个“附近的小程序”。这里跟大家解释一下,小程序有5公里免费推广的特性哦,一个商圈之内的话,简直比地推发传单有效多了有没有?在小程序搜索栏,还能按照品类品类搜索,假如我搜索的是美食一栏,那么就会将5公里以内的美食小程序显示出来,通过小程序可以显示出这款美食的外部照片、具体地址、电话、甚至在线点菜下单,是不是很方便?

其实这是小程序线上线下互相引流的强大功能,这点比公众号和APP要强很多,打破了物理空间的限制。除此之外,微信更新之后,小程序的入口变得更多更快捷了。可以看出腾讯在小程序的推广上真是煞费苦心了,另外,腾讯通过小游戏的小程序培养用户的小程序使用意识和打开频率也是,这里面的心血也是可见一斑。另外,对小程序制作开发有皮毛了解的我,听说有的小程序开发一个,便宜的才几千块钱,这比开发一个APP要省钱很多有木有?

2、功能堪比APP,更轻量化,制作和维护成本更低。

就比如可以提前在线点餐的小程序呢?客人在来之前就在小程序上直接下单,这边接单之后开始制作,等到客人正式来到店里之后,面条也差不多可以上桌了。而且小程序直接分享给好友也可以,不用顾客下载安装繁琐的APP,另唤扰外,客人还可以在线直接支付,毕竟微信的支付环境已经做得很棒了!

还可以设置营销模块。比如在线游戏抽奖模块,当天来到店里的客人消费满100元后可以抽奖,抽得的现金奖券可以在下次使用,除此,还可以建立在线互动社区,在此消费过的顾客在互动社区里面进行交流,可以谈谈菜品,提提意见,交交朋友,这样就无形之中增加了用户的粘性。

father.json

注意:要使子组件可以在父组件展示需在父组件的json中引入并定义。

father.wxml

注意:fatherTOson属性写在son标签上,fatherTOson不是固定的,可含拿以修改其值。

son.js

注意:即在son.js的properties中定义父组件要传过谈侍搭来的参数类型

son.wxml

总结: 父组件向子组件传参,实际上就是在父组件中引入子组件的时候,带上一个属性fatherTOson,并且给其赋值,谈岩然后子组件通过这个属性名称fatherTOson,获取其值。

son.wxml

son.js

注意:bindtap='change'定义了一个方法在son.js的methods完成向父组件传值。this.triggerEvent固定不变,myevent是在父组件中定义的方法。sonTOfather是传给父组件的变量名。

father.wxml

注意:myevent是在父组件中定义的方法;sonTOfather是声明的变量接收子组件的值

father.js

注意:在father.js中声明变量sonTOfather,用来接收子组件穿来的参数。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/8219123.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存