前端面试: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的值获取该子组件调用子组件中的任意方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值