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绑定事件,@eventstop阻止事件冒泡
小程序用bindtap(bind+event),或者catchtap(catch+event)绑定事件,阻止事件冒泡
vue中如下:
小程序中如下:
vue中的表单元素上加v-model,然后再绑定data中对应的值
小程序中通过thissetData({key:value})将表单上的值赋值给data中的对应值
vue中需要在触发事件的方法中,把需要传递的数据作为形参传入
小程序中需要将参数作为属性值,绑定到元素上的data-属性上,然后在方法中,通过ecurrentTargetdataset的方式获取,从而完成参数传递
view标签 加 bindtap事件,用data-name传值,如果view中只有文字,点击整个view区域都可以接收到data-name的值,如果view里面加一个lable标签,那么点击lable包裹的区域,data-name取不到值。
解决方法:把取值方式 由etargetdatasetcarrierName 修改为ecurrentTargetdatasetcarrierName即可!
以上就是关于vue和小程序的比较全部的内容,包括:vue和小程序的比较、微信小程序的view的bindtap点击事件怎么传值、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)