Vue和小程序的区别

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

原创作者:吴小糖

创作时间:2024.1.16

相关推荐

  1. Vue程序区别

    2024-01-17 06:32:01       35 阅读
  2. 程序写法vue有啥区别?

    2024-01-17 06:32:01       23 阅读
  3. 程序wxsscss区别

    2024-01-17 06:32:01       23 阅读
  4. 微信程序bindtapcatchtap区别

    2024-01-17 06:32:01       39 阅读
  5. 程序wx:if hidden区别

    2024-01-17 06:32:01       38 阅读
  6. 微信程序——wxsscss区别

    2024-01-17 06:32:01       19 阅读
  7. 程序wx:if hidden区别

    2024-01-17 06:32:01       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-17 06:32:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-17 06:32:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-17 06:32:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-17 06:32:01       20 阅读

热门阅读

  1. RPC原理介绍与使用(@RpcServiceAnnotation)

    2024-01-17 06:32:01       31 阅读
  2. SSL VPN简介

    2024-01-17 06:32:01       30 阅读
  3. MR-GCN

    MR-GCN

    2024-01-17 06:32:01      29 阅读
  4. 什么是ChatGPT,什么是大模型prompt

    2024-01-17 06:32:01       41 阅读
  5. Django用户注册和用户配置扩展

    2024-01-17 06:32:01       39 阅读
  6. sqlite | c++ | demo

    2024-01-17 06:32:01       37 阅读