vue和小程序的比较

vue的钩子函数:

beforeCreat: 创建前

created: 创建

beforeMount: 挂载前

mounted: 挂载

beforeupdate: 更改前

updated: 更改

beforeDestroy: 销毁前

destroyed: 销毁

小程序的钩子函数:

onLoad: 页面加载

onShow: 页面显示

onReady: 页面初次渲染完成

onHide: 页面隐藏

onUnload: 页面卸载

vue一般会在created或者mounted中请求数据，而在小程序，会在onLoad或者onShow中请求数据

vue动态绑定一个变量的值为元素的某个属性的时候，会在变量前面加上冒号：

小程序绑定某个变量的值为元素属性时，会用两个大括号括起来

vue使用v-if 和v-show控制元素的显示和隐藏

小程序使用wx-if和hidden控制元素的显示和隐藏

vue使用v-on:event绑定事件，或者使用@event绑定事件，@event.stop阻止事件冒泡

小程序用bindtap(bind+event)，或者catchtap(catch+event)绑定事件，阻止事件冒泡

vue中如下:

小程序中如下：

vue中的表单元素上加v-model，然后再绑定data中对应的值

小程序中通过this.setData({key:value})将表单上的值赋值给data中的对应值

vue中需要在触发事件的方法中，把需要传递的数据作为形参传入

小程序中需要将参数作为属性值，绑定到元素上的data-属性上，然后在方法中，通过e.currentTarget.dataset.*的方式获取，从而完成参数传递

玩微信小程序游戏显示重复出现问题由于终端性能的问题原因。子内容块和父内容块都设置了点击事件，当子内容块除非点击事件时，父内容块也会触发点击事件，这是终端性能的问题。

只要区分好冒泡事件和非冒泡事件就行，微信也有想关的事件区分，只要父内容块用bindtap，子内容块用catchtap就行。

微信小程序的安全管理

微信小程序在产品功能设计上给用户更多控制力。在微信小程序的设置页，为用户提供了数据权限开关，一旦用户授权之后又关闭，微信小程序再次使用该用户数据时需要重新获得授权，为用户提供更方便的数据控制权。

用户在微信小程序的资料页还可以看到隐私数据保护的提示以及投诉入口，微信小程序在收集、获取用户数据上，微信小程序坚持必要加合理原则。

必要是指只有在微信小程序的具体业务中，确实有场景需要获取用户数据的情况下，开发者才能去获取用户的同意授权，合理是指开发者获取数据的范围不应该超出具体场景所需要的数据范围。

例如一个提供外卖服务的微信小程序，可能需要获得电话、地址等数据，但没有必要获取性别、年龄等数据，否则平台会认为微信小程序收集用户数据的行为违反了必要并且合理的原则，会对这类微信小程序进行处理。

1、打开开发者工具，新建一个页面，并创建页面元素。

2、使用bindtap属性给按钮绑定点击事件。

3、打开JS文件，添加点击后，执行的方法函数。

4、点击一下绑定了事件的按钮。

5、点击后，可以看到，控制台输出！说明成功。

---