Vue和小程序的区别

简介: 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只需要在触发的事件中,将传递的参数作为形参传入

相关文章
|
5天前
|
JavaScript Java 测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
25 7
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的志同道合交友网站演示的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的志同道合交友网站演示的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的新闻资讯系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的新闻资讯系统的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的美食烹饪互动平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的美食烹饪互动平台的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的多媒体素材库的开发与应用的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的多媒体素材库的开发与应用的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的大学生心理健康管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的大学生心理健康管理系统的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的球队训练信息管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的球队训练信息管理系统的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的医疗报销系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的医疗报销系统的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的大学生一体化服务平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的大学生一体化服务平台的详细设计和实现
|
9天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp微信小程序的物流管理系统的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的物流管理系统的详细设计和实现