Vue和小程序的区别

最新推荐文章于 2024-10-05 17:19:34 发布

Meow_Cat

最新推荐文章于 2024-10-05 17:19:34 发布

阅读量1.7k

点赞数

分类专栏： vue 微信小程序文章标签：前端 vue.js 微信小程序

本文链接：https://blog.csdn.net/hx_1551/article/details/124666698

版权

本文比较了Vue和微信小程序在生命周期、数据请求、数据绑定、元素显示隐藏、事件处理和数据双向绑定等方面的不同。例如，小程序的生命周期包括onLoad、onShow等，而Vue则有data、mounted等阶段。数据请求方面，小程序常在onLoad或onShow进行，Vue则在created和mounted阶段。此外，两者在事件处理和数据双向绑定上也有显著区别。

摘要由CSDN通过智能技术生成

生命周期不一样：
1）小程序生命周期：onLoad页面加载、onShow页面显示、onReady页面初次渲染完成、onHide页面隐藏、onUnload页面卸载
2）vue生命周期：data、mouted、beforeupdate、updated、beforedestory、destroyed
数据请求时间不一样：
1）小程序在onLoad或者onShow中请求数据
2）Vue在created或mounted中请求数据
数据绑定方式不一样：
1）小程序使用“大括号”绑定数据
2）Vue使用“冒号”绑定数据
显示和隐藏元素不一样
1）小程序中使用wx-if和hidden控制元素显示和隐藏
2）Vue中使用v-if和v-show控制元素的显示和隐藏
事件处理不一样：
1）小程序使用bindtap和catchtap绑定事件，catchtap阻止事件冒泡
2）Vue使用v-on和@event绑定事件
数据双向绑定不一样：
1）在小程序中双向绑定时，需要在表单内容发生变化时，使用this.setData( )来将表单上的值赋值给data中的对应值
2）Vue只需要使用v-model就可以双向绑定data中的值
绑定事件传参不一样：
1）在小程序中需要使用e.currentTarget.dataset.*的方式获取，从而完成参数的传递
2）Vue只需要在触发的事件中，将传递的参数作为形参传入
父子组件通信不一样：
1）子组件创建不一样：