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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/626341.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【STM32CubeMX串口通信详解】USART1 -- DMA发送 + DMA空闲中断 接收不定长数据

文章目录: 前言 一、准备工作 1、接线 2、新建工程 二、CubeMX的配置 1、USART1 配置 异步通信 2、通信协议参数 3、打开DMA发送、接收 三、发送操作、代码解释 四、printf 重定向到USART1 五、接收代码的编写 1、定义一个结构体变量&a…

【Vue常用控件详细介绍】

Vue常用控件详细介绍 1. 常用控件1.1 常用控件示例1.2 修饰符 2. 数据绑定3. 指令4. 组件5. 内置组件6. 表单控件绑定7. 插槽(Slots)8. 异步组件 1. 常用控件 Vue.js 是一个流行的前端 JavaScript 框架,常用于开发单页应用(SPA&a…

java连接sql server 2008示例

本文将以jtds作为驱动包来连接,简单方便! 使用官方的驱动包可能会遇到如下报错:jdbc SQLServer Error: “The server selected protocol version TLS10 详见:https://blog.csdn.net/lxyoucan/article/details/125681677 这让部署…

初识 Elasticsearch 应用知识,一文读懂 Elasticsearch 知识文集(4)

🏆作者简介,普修罗双战士,一直追求不断学习和成长,在技术的道路上持续探索和实践。 🏆多年互联网行业从业经验,历任核心研发工程师,项目技术负责人。 🎉欢迎 👍点赞✍评论…

金和OA jc6 Upload 任意文件上传漏洞复现

0x01 产品简介 金和OA协同办公管理系统软件(简称金和OA),本着简单、适用、高效的原则,贴合企事业单位的实际需求,实行通用化、标准化、智能化、人性化的产品设计,充分体现企事业单位规范管理、提高办公效率的核心思想,为用户提供一整套标准的办公自动化解决方案,以帮助…

学习笔记:在华为昇腾NPU上进行深度学习项目【未完待续】

在NPU上做深度学习算法 场景和功能说明系统信息查询1、场景一:非NPU上训练的模型推理1.1 执行方案学习案例 1.2 CPU/GPU训练的模型转.ONNX模型1.3 onnx转om1.4 om推理 昇腾社区链接: 昇腾社区-官网丨昇腾万里 让智能无所不及 场景和功能说明 第一种&am…

༺༽༾ཊ—设计-七个原则-模式—ཏ༿༼༻

第一原则:单一职责 一个类只负责一个功能领域中的相应职责; 接下来我们举一个代码例子,主要的功能实现是: 在主函数中运行调用描边工具和填充工具画矩形与圆形 首先写一个圆形类,里面只有一个方法用来返回string类型…

openssl3.2 - 官方demo学习 - mac - cmac-aes256.c

文章目录 openssl3.2 - 官方demo学习 - mac - cmac-aes256.c概述笔记END openssl3.2 - 官方demo学习 - mac - cmac-aes256.c 概述 指定加密算法(e.g. AES-256-CBC), 对明文生成MAC数据 笔记 /*! \file cmac-aes256.c \note openssl3.2 - 官方demo学习 - mac - cmac-aes256.…

SAP中采购文档价格条件可以删除吗?

首先要声名,基于采购价格条件的严谨性和历史追朔需求,删除属于危险操作。不建议普通用户去执行操作。如果有兴趣,在测试系统中自行测试一下即可。正式系统中,还请慎重处理。 笔者公司日常不会去删除采购价格,日常处理…

Word2Vec的CBOW模型

Word2Vec中的CBOW(Continuous Bag of Words)模型是一种用于学习词向量的神经网络模型。CBOW的核心思想是根据上下文中的周围单词来预测目标单词。 例如,对于句子“The cat climbed up the tree”,如果窗口大小为5,那么…

字符串与数组的异同

Java 中的字符串(String)和数组(Array)是两种不同类型的数据结构,它们有一些相似之处,同时也有一些显著的区别。 相同之处: 存储多个元素: 字符串和数组都用于存储多个元素。 使用…

微信小程序(四)页面跳转

注释很详细&#xff0c;直接上代码 新增内容 1.相对路径页面跳转 2. 绝对路径页面跳转 index.wxml <!-- navigator是块级元素&#xff0c;占一整行 --> <!-- 页面跳转url&#xff0c;相对路径 --> <navigator url"../logs/logs"><button type&…

赋值运算符和关系运算符

赋值运算符和关系运算符 赋值运算符 分类 符号作用说明赋值int a 10&#xff0c; 将10赋值给变量a加后赋值a b&#xff0c;将a b的值赋值给a-减后赋值a - b&#xff0c;将a - b的值赋值给a*乘后赋值a * b&#xff0c;将a b的值赋值给a/除后赋值a / b&#xff0c;将a b的…

运维知识点-Sqlite

Sqlite 引入 依赖 引入 依赖 <dependency><groupId>org.xerial</groupId><artifactId>sqlite-jdbc</artifactId><version>3.36.0.3</version></dependency>import javafx.scene.control.Alert; import java.sql.*;public clas…

第二证券:抢占技术前沿 中国光伏企业结伴“走出去”

2024年新年前后&#xff0c;光伏职业分外忙碌。据证券时报记者不完全统计&#xff0c;晶澳科技、华晟新动力、高测股份、华民股份等多家企业宣告新建项目投产&#xff0c;安徽皇氏绿能等企业的项目也迎来设备安装的重要节点。 证券时报记者采访多家企业的负责人后了解到&#…

AUTOSAR OS详细介绍及配置说明(更新版20240115)

前言 AUTOSAR OS扩展了OSEK/VDX标准中的操作系统,所以本文结合OSEK/VDX的标准来介绍AUTOSAR OS,并借助Vector Configurator讲解AUTOSAR OS的配置。 OSEK源于德语,英文意思是:“车载电子设备的开发系统和接口”,它是一个标准,用来产生嵌入式操作系统的规范,通讯协议栈,…

宝塔面板打不开,记录一下解决办法

由于在服务器宝塔内安装Apache&#xff0c;提示需要卸载nginx&#xff0c;卸载过后宝塔通过网址访问不了&#xff0c;特此记录一下问题。 1、检查宝塔端口会不会被占用 面板默许使用8888端口&#xff0c;使用命令查看8888端口会不会被占用&#xff1a; netstat -apn|grep 88…

tessreact训练字库

tessreact主要用于字符识别&#xff0c;除了使用软件自带的中英文识别库&#xff0c;还可以使用Tesseract OCR训练属于自己的字库。 一、软件环境搭建 使用Tesseract OCR训练自己的字库&#xff0c;需要安装Tesseract OCR和jTessBoxEditor(配套训练工具)。jTessBoxEditor需要…

接口以及多态

什么是接口 接口是一种抽象的数据类型&#xff0c;它定义了一组方法的规范&#xff0c;但没有具体的实现。接口可以被类实现&#xff0c;一个类实现了接口后&#xff0c;必须实现接口中定义的所有方法。接口可以被多个类实现&#xff0c;用以实现多重继承。 接口的定义使用关键…

基于SSM的社区老年人关怀服务系统

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…