vue和小程序的比较

vue和小程序的比较,第1张

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、首先创建一个名称为onload的html文件,如下图所示。

2、设置标题为 javascript  onload,如下图所示。

3、在body标签 中加入onload事件,并在事件中加入自定义函数 myonload。

4、在文档区域加入一个h 元素,加入文磨芦本内容“信此页面加载完成显示页面内容”,瞎坦带当页面加载完成 后 显示该内容。

5、创建一个自定义函数myload,当页面完成后,调用该自定义函数,并加入alert提示语。

6、在浏览器中打开该文件,首先会d出页面加载完成后调用的myonload函数,在现实页面内容。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12300917.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存