微信小程序组件传值 一篇讲清父子组件传值与通信
于微信小程序开发期间，组件传值属诸多初上手之人极易被搅得晕头转向之处，在父组件如何将数据给予子组件，子组件又怎样去通知父组件，那页面与组件二者间究竟将如何进行通信，此等几个问题若弄不明白，编写代码时便总会感觉心里没个底，此刻，我把经历几年所踏入的坑以及总结归纳的经验予以梳理一番，希望能够助力你把这一块彻彻底底地理个清晰明白。
页面怎么传值给组件
将数据从父组件传递至子组件，最为直接的办法便是借助自定义属性。于子组件的js文件当中，运用properties去声明那些需要接收的数据，当父组件运用子组件标签之际，直接依照属性名来进行传递便可。比如说子组件声明了一个userName属性，此时作为父组件便能够写成
组件怎么传值给页面
父组件被子组件告知消息，所凭借手段乃是triggerEvent，子组件于自身内部借助 this.triggerEvent( '事件名', 数据) 将信息予以发出，父组件于子组件标签之上对该自定义事件加以监听。譬如说，在子组件之中触发一个名为changeName的事件，父组件于标签之上书写bind:changeName="handleChangeName"，那么在事件对象detail里便能够获取到子组件传递过来的数据。好多人起初会考虑直接去调用父组件的方法，又或者运用全局变量，然而在小程序里这些方式都比不上triggerEvent那般简洁高效。
兄弟组件如何互相传值
兄弟组件相互间不存在直接的通路，较为常见的做法乃是借助共同的父组件来进行中转。子组件A会将数据传递给父组件，父组件接着把该数据传递给子组件B，此过程看上去颇为迂回，然而在小程序框架的情形下却是最契合组件化原则的。有些开发者为图省事，在子组件A内直接对全局变量进行修改，而后于子组件B的attached或者ready之中读取这个变量，如此做法极易出现bug，缘由在于组件命周期以及执行时机难以精准把控。若是项目规模呈现出较大的态势，并且组件嵌套的深度相对较深，那么这种情况下能够考虑采用全局事件总线或者状态管理库，然而要是面对小项目的时候，通过父组件进行中转便已然足够了。
跨页面组件怎么传递数据
进行跨页面的组件传值，这属于另一个维度的诸多问题之一。有一个组件处于页面 A ，而另外一个组件处于页面 B ，这两个组件没办法直接进行通信，必须借助全局存储或者页面路由参数来达成通信目的。就我的习惯而言，要是数据量比较小，并且仅仅在单一流程里会用到，那么就采用页面跳转时的 query 参数进行传值；要是数据涉及跨多个页面，并且状态需要实现持久化，那就将其存放到 globalData 或者 Storage 里面。有些场景之下，会运用getCurrentPages去获取前一个页面的实例，进而直接修改数据，此办法的确是能够使用的，然而却破坏了封装性，若非到了迫不得已的地步，是不建议这样去做的。
在实际开发期间，你所遭遇的最为令人头疼的那种组件传值情形究竟是什么呢，欢迎于评论区域予以分享，要是感觉有作用的话，点一下赞从而让更多的人能够看到。
