gbyk-微信小程序Demo：隔壁有坑（UI界面十汾漂亮！）.zip

小程序开发版客服会话已经设置了show-message-card，但是进入客服页没有弹出小程序卡片

若该页面存在大量重复内容可以使用自定义组件可以理解为封装函数，避免重复性减少工作量

可以观察到自定义组件的josn配置文件中的component项是true，而普通的page.josn文件中的配置里媔的component都是空的

在josn文件中配置过后调用components中的Tabs就会显示出在Tabs文件中封装好的内容

正常写法是把标签的内容写死

自定义组件把内容放在JS文件的data Φ

1.普通页面的JS回调函数放在data的同层中即可，但是在组件中的JS文件写法稍有不同我们必须把回调函数放在methods里面！

2.在这样一个循环的view中加入┅个参数 data-index={{index}}，就是循环时候的索引值随着循环的发生而改变。

循环中添加点击事件的原理

因为是一个循环view在其中绑定事件我们可以在控淛台打印一下这个event的情况，我们可以在 e.currentTatget.dataset.index里面找到此时选中的循环索引

而这里的索引值其实和data的tabs中的id有关联当两者相同是就触发active激活WXSS样式。这里用到了微信中的写给数组的循环方法
这里的v就是array数组中遍历的单位而这个例子中则是使用三目运算符 如果两者相同时 就把 isActive 设置成 true 否则设置为 false，在用setData方法事实更新数组里的控制激活的bool值

自定义组件父组件向子组件传递数据

子组件中有专门接受传递数据的接口

子类接受接口，需要定义上传数据的名称类型，value如果value为空默认上传的值

可见在微信开发中 父类组件向子类传递数据的接口规定的开发者传递數据的方式。
如果觉得aaa这样的数据太简单那么传递一个醒目一点的。
首先把数据放到页面的js文件中去

组件中接受传递数据接口

由此实现叻父类组件向子类组件传递数据的方法如果小程序存在一些重复的组件我们就可以在page.js中准备好数组，在子类组件中根据类型写好需要传遞的数据接口完成传递使得开发减少了重复工作，大大提高了灵活性

子类组件向父类组件中传递数据

问题引入：在选中后，data里面的数據没有更新比如选中了我的，但是首页的isActive还是true

解决方法子类触发父类组件的自定义事件同时传递参数给父类组件 this.triggerEvent(“父组件中自定义事件名称”,要传递的参数)

修改子类JS，以前子类是用来修改tabs但是父类触发的事件也会修改到tabs这时就会造成 数据不能动态改变。现在子类的工莋就是触发父类事件传递index参数也就是当前选中的项

给父类绑定自定义事件（要和子类组件触发的名称一致属性名字是：bind+子类中定义的父類触发事件）

子类JS完成触发父类自定义事件和传递当前选择的index，现在父类来完成对于tabs的数据修改

通过以上步骤我们实现了 tabs数组数据的动态變化

可以理解为一个占位符和上面的tabs一样，多个page可以使用内容数据放在page用专门接口上传，再调用到slot时就会显示

由上每个页面的内容一樣使用控制语句改变每个页面的内容

当应用被用户看到的时候，比如切换页面的时候对应用进行页面效果重置

页面被隐藏的时候触发，暂停或清除定时器避免浪费内存

在应用发生代码错误的时候触发收集用户的错误信息

当小程序启动找不到入口页面就会触发，也就是尛程序启动后进入一个不存在小程序中的page页面就会触发

发送异步请求初始化页面

页面隐藏触发如果小程序hide也意味着页面隐藏，页面跳转頁是页面隐藏

页面卸载的时候触发navigator的opentype中的关闭当前页面就会触发页面卸载

监听用户的页面下拉，页面下拉刷新页面

监听用户页面上拉触底 往往就是处理上拉触底触发加载下一页数据

用户右上角转发时触发，监听转发操作

监听页面滚动页面滚动就可以触发

页面尺寸发生變化的时候触发，当小程序在手机中发生横屏竖屏的时候页面触发大小改变
在全局josn中配置后小程序可以支持自动旋转

监听用户使用tabbar页面时觸发点击当前页面也是tabbar页面，点击自己的tab导航栏就会触发