前端面试：Vue和小程序的区别-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端面试：Vue和小程序的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

生命周期不一样：
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）子组件创建不一样：
a，在vue中：编写子组件、父组件通过import引入、conponents中注册、在模板中使用
b，在小程序中：编写子组件、子组件的json文件中，将该文件声明为组件、父组件的json文件中，在usingComponents填写子组件的组件吗及路径、在父组件中直接引用即可
2）父子组件传参不一样
a，在Vue中：父组件中在子组件上通过v-bind传入一个值，子组件通过props接收
b，在小程序中：在父组件中直接赋值给一个变量，在子组件中properties中，接收传递的值
3）父组件想要调用子组件的方法
a，小程序中给子组件添加id或class，然后通过this.selectComponent找到子组件，调用子组件方法
b，Vue中给子组件添加一个ref，通过this.refs.ref的值获取该子组件调用子组件中的任意方法文章来源地址https://www.toymoban.com/news/detail-472678.html