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.*的方式获取，从而完成参数传递

无论小程序，还是安卓开发，列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式，1.可以单穿某个字段，2.可以传对象。

这里我只讲下怎么传递对象，在实际开发中，传对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析：

1.列表的点击事件，最重要的是如何获点下对应item的position 下标。

定义一个下标：通过 wx:for-index="index" ，并指定 <view id="{{index}}"/>

2.通过定义好的下标index获取对象。

获取方式： event.currentTarget.id

再通过： JSON.stringify() 得到let

3.怎么接收?

let item = JSON.parse(options.dataObject)

dataObject 参数是跳转url 定义的，类似一般的get请求格式，不多说

最后总结一下：

也可以通过自定义属性来指定下标 data - xxxx

再获取： event.currentTarget.dataset.postid

传递多个参数： 就是一个url路劲拼接而成

---