小程序和Vue写法的区别主要有什么不同

1.语法不同:小程序使用的是WXML、WXSS和JS,而Vue使用的是HTML、CSS和JSX。

2.数据绑定方式不同:小程序使用的是双向数据绑定,而Vue使用的是单向数据流。

1)在小程序中需要使用e.currentTarget.dataset.*的方式获取,从而完成参数的传递

2)Vue只需要在触发的事件中,将传递的参数作为形参传入

3.组件化方式不同:小程序的组件化方式是基于模板和样式的,而Vue的组件化方式是基于组件的。

4.生命周期不同:小程序和Vue的生命周期有一些相似之处,但也有一些不同的地方。

1)小程序生命周期:onLoad页面加载、onShow页面显示、onReady页面初次渲染完成、onHide页面隐藏、onUnload页面卸载

2)vue生命周期:data、mouted、beforeupdate、updated、beforedestory、destroyed

5.路由方式不同:小程序的路由方式是基于页面栈的,而Vue的路由方式是基于URL的。

6.开发工具不同:小程序需要使用微信开发者工具进行开发和调试,而Vue可以使用任何支持Vue的开发工具进行开发和调试。

7.显示和隐藏元素不一样

1)小程序中使用wx-if和hidden控制元素显示和隐藏

2)Vue中使用v-if和v-show控制元素的显示和隐藏

8.父子组件通信不一样:

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

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

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

相关文章

一篇文章完成Hbase入门

文章目录 一、简介1、数据模型结构2、物理存储结构3、数据模型4、基本架构 二、安装1、下载解压安装包2、修改配置文件3、启动服务(单机、集群)4、配置高可用(HA) 三、命令行操作1、建表2、新增/更新数据3、查看表数据4、删除数据5、修改默认保存的数据版本 四、架构1、RegionS…

C语言——猜凶手

题目: 日本某地发生了一件谋杀案,警察通过排查确定杀人凶手必为4个嫌疑犯的一个。 以下为4个嫌疑犯的供词: A说:不是我。 B说:是C。 C说:是D。 D说:C在胡说 已知3个人说了真话,1个人说的是假话。…

数据提取PDF SDK的对比推荐

PDF 已迅速成为跨各种平台共享和分发文档的首选格式,它作为一种数据来源,常见于公司的各种报告和报表中。为了能更好地分析、处理这些数据信息,我们需要检测和提取 PDF 中的数据,并将其转换为可用且有意义的格式。而数据提取的 PD…

面试问题--智能指针

什么是智能指针? 当你在编写程序时,可能需要在运行时动态分配内存来存储数据。在传统的C中,你可能会使用 new 和 delete 操作符来手动管理内存。但是这样容易出现一些问题,比如忘记释放内存导致内存泄漏,或者释放了之…

物联网中基于信任的安全性调查研究:挑战与问题

A survey study on trust-based security in Internet of Things: Challenges and issues 文章目录 a b s t r a c t1. Introduction2. Related work3. IoT security from the one-stop dimension3.1. Output data related security3.1.1. Confidentiality3.1.2. Authenticity …

JavaScript中Object.prototype.toString.call()、instanceOf和Array.isArray()的区别

JavaScript是一种非常流行的编程语言,它具有许多强大的功能和特性。在JavaScript中,有一些方法和操作符可以帮助我们更好地处理数据类型和对象。本文将重点讨论Object.prototype.toString.call()、instanceOf和Array.isArray()这三个在JavaScript中常用的…

快速认识Linux的几个指令

我们先简单认识几个指令,为之后的指令学习打好基础 打开XShell并登录云服务器 01.pwd指令 pwd命令的作用是显示当前在Linux系统中所处的路径 02.ls指令 ls命令的作业是罗列出当前路径下的文件名(即pwd的路径下),由于我们没有新…

Docker Swarm总结+Jenkins安装配置与集成(4/4)

博主介绍:Java领域优质创作者,博客之星城市赛道TOP20、专注于前端流行技术框架、Java后端技术领域、项目实战运维以及GIS地理信息领域。 🍅文末获取源码下载地址🍅 👇🏻 精彩专栏推荐订阅👇🏻…

UniApp Button讲解

UniApp是一种基于Vue.js的跨平台开发框架,可用于快速构建移动应用程序。在UniApp中,按钮(Button)是常用的交互元素之一,用于触发用户操作。本文将详细介绍UniApp中按钮的使用方法和相关特性。 创建按钮 在UniApp中&am…

我是如何写作的?

以前是如何写作的 从小学三年级开始学写作文,看的作文书,老师布置作文题目,内容我都是自己写的。那时会积累一些好词,听到什么好词就记住了。并没有去观察什么,也没有好好花心思在写作上。总觉得我写的作文与真正好的…

kvm使用vbox已经安装好的windows10系统

我工作的电脑安装的系统是ubuntu,但是公司办公相关软件大多是windows版本,所以我用vbox虚拟了一个windows10系统。但是有一天发现开发android应用时想用模拟器调试用不了,发现是模拟器使用kvm,但是这时kvm启动不起来,原因是被vbox占用了。 最…

Python可迭代对象排序:深入排序算法与定制排序

更多Python学习内容:ipengtao.com 排序在计算机科学中是一项基础而关键的操作,而Python提供了强大的排序工具来满足不同场景下的排序需求。本文将深入探讨Python中对可迭代对象进行排序的方法,涵盖基础排序算法、sorted函数的应用、以及定制排…

gitbook制作电子书

1 引言 GitBook 是一个开源的文档编辑和托管平台,用于创建和维护文档、手册和电子书。它基于 Markdown 和 Git 技术,帮助用户方便地编写、编辑和发布文档。 GitBook 支持将文档输出为多种格式,包括网页、PDF、ePub 等,适用于不同…

【C++初阶】STL详解(八)List的模拟实现

本专栏内容为:C学习专栏,分为初阶和进阶两部分。 通过本专栏的深入学习,你可以了解并掌握C。 💓博主csdn个人主页:小小unicorn ⏩专栏分类:C 🚚代码仓库:小小unicorn的代码仓库&…

【深度学习笔记】03 微积分与自动微分

03 微积分与自动微分 导数和微分导数解释的可视化偏导数梯度链式法则自动微分非标量变量的反向传播分离计算 导数和微分 假设我们有一个函数 f : R → R f: \mathbb{R} \rightarrow \mathbb{R} f:R→R,其输入和输出都是标量。 如果 f f f的导数存在,这个…

GIT版本控制和常用命令使用介绍

GIT版本控制和常用命令使用介绍 1. 版本控制1.1 历史背景1.2 什么是版本控制1.3 常见版本控制工具1.4 版本控制的分类 2 Git介绍2.1 Git 工作流程2.2 基本概念2.3 文件的四种状态2.4 忽略文件2.5 Git命令2.5.1 查看本地git配置命令2.5.2 远程库信息查看命令2.5.3 分支交互命令2…

MybatisPlus—自定义ID生成器

提示 自 3.3.0 开始,默认使用雪花算法UUID(不含中划线) 方法主键生成策略主键类型说明nextIdASSIGN_ID,ID_WORKER,ID_WORKER_STRLong,Integer,String支持自动转换为 String 类型,但数值类型不支持自动转换,需精准匹配&…

WorkPlus即时通讯软件,以自主安全为底座,连接工作的一切

在当今竞争激烈的商业环境中,中大型企业对于移动办公平台的需求越来越迫切。在众多可选的平台中,WorkPlus凭借其高性价比和针对中大型企业的特色功能,成为了许多企业的首选。本文将为各位读者深度解析WorkPlus私有化部署的优势,带…

用static修饰的Java类

static修饰Java类的时候,只能修饰成员类,不能修饰其它的类,例如,不能修饰局部类、匿名类。从一个static的嵌套类不能访问外层类的类型变量、实例变量、局部变量、形式参数、异常参数、实例方法。 例如,下面的定义了一…

tensorflow和pytorch的联系与区别

TensorFlow和PyTorch是两个流行的深度学习框架,它们在很多方面都有相似之处,因为它们都旨在解决相同的问题,即构建和训练神经网络。 以下是它们之间的一些联系: 1.深度学习框架: TensorFlow和PyTorch都是开源的深度学…