前端系列二:Vue3较Vue2的变化及缺点

最新推荐文章于 2024-05-30 15:07:12 发布
最新推荐文章于 2024-05-30 15:07:12 发布
阅读量1.8k 收藏
点赞数
分类专栏： vue 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WebYanXin/article/details/122129672
版权

Vue2选项API和Vue3组合API：

Vue2的选项API的缺点：

当有多个功能实现时在data里定义多个的数据和在mthods里的多个方法时会
导致不同的功能和逻辑交叉在一起，不利于阅读不好维护

Vue2和Vue3生命周期的改变：

在Vue2里常见的生命周期有八个，在Vue3里常见的生命周期只有七个

 Vue2里的beforeCreate和created在Vue3里换成了setup创建实例前

 Vue2里的beforeDestroy和destroyed换成了 onBeforeUnmount销毁前和on
Unmounted销毁后

Vue3里可以多次使用同一个钩子函数，执行顺序和书写顺序相同

Vue3里的响应式数据：

reactive是一个函数，它可以定义成一个复杂数据类型，成为响应式数据，

通常是用了定义响应式对象数据

WebYanXin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-othello:vue编写的黑白棋前端页面：http
03-21
本项目是黑白棋的前端页面，采用vue框架编写 项目地址： : 实现功能 人机对战六种缺点 皮特：随机策略 Saya：贪心策略-当前局面数量最多 Eto：贪心策略-当前局面权值和最多 Luna：alpha-beta剪枝优化的minimax算法 ...
后台使用freeMarker和前端使用vue的方法及遇到的问题
12-10
1：java后台使用freeMarker是通过Model，将值传给前端： 如： @Controller public class MobileNewsFreeMarkerController { 　@RequestMapping("page/test") 　public String Test(Model model,HttpServletRequest ...
vue2和vue3有哪些区别和不同2
南北极之间
07-07 834
你们中的一些人可能会听说第三个版本的Vue正在敲门。Vue JS 逐年发展，Vue 3 将成为它的最新版本。Vue 3 和 Vue 2 沿着类似的路线发展，但是，两者都有显著的变化。Vue 3 的正式版本已于 2020 年 9 月发布。目前，API，核心，结构是稳定的，您可以在生产环境中使用它。每个 Vue .js开发人员都在问自己的问题是，最新版本会带来哪些变化，它们将如何影响整体性能和稳定性？我们的 JS 开发人员更深入地研究了 Vue 3，以下是他们的发现： 在过去的一年里，Vue团队一直在研究Vue
Vue3对比Vue2
m0_60153106的博客
10-04 1264
1.为什么要有vue3 我们使用vue2常常会遇到一些体验不太好的地方，比如： 随着功能的增长，需求的增加，复杂组件的代码越来越难以维护，逻辑混乱，虽然vue2也有一些复用的方法，但是都存在一定的弊端，比如我们常常用的Mixin,特别容易发生命名冲突，暴露出来的变量意图不是很明显，重用到其他组件容易冲突。 vue2对于typeScript的支持非常有限，没有考虑到ts的集成。 vue3的出现就是为了解决vue2的弊端，其composition API很好的解决了逻辑复用的问题，而且vu
Vue 2 与 Vue 3 的全面比较
qq_43402051的博客
08-10 697
Vue 2 与 Vue 3 的全面比较 1. 性能提升 Vue 3 的性能得到了显著提升。虚拟 DOM 已经重写，使补丁过程更快。 对比： Vue 3 使用了基于 Proxy 的新观察者机制，取代了
Vue3 相比于 Vue2 有哪些 “与众不同”
zz_jesse的博客
12-12 586
点击上方关注前端技术江湖，一起学习，天天进步前言希望本篇文章能帮你加深对 Vue 的理解，能信誓旦旦地说自己熟练Vue2/3。除此之外，也希望路过的朋友可以帮助我查漏补缺????。内容混杂用法...
Vue3.0优缺点
renfeideboke的博客
10-11 2432
vue3.0
vue3优点和缺点？
m0_64590669的博客
02-12 910
vue3优化和缺点？
vue2响应式的缺点及解决办法
weixin_45304198的博客
08-22 1615
vue2响应式的原理： 通过Object.defineProperty() 对属性的读取、修改进行拦截。 Object.defineProperty(obj,'name', { get() {}, ser() {} }) 存在问题： 由于只有get()、set() 方式，所以只能捕获到属性读取和修改操作，当 新增、删除属性时，捕获不到，导致界面也不会更新。 直接通过下标修改数组，界面也不会自动更新。 解决办法 修改属性时，使用 this.$set() 删除属性时，使用 this.$del
vue2的缺陷
weixin_48357279的博客
05-15 1506
下班回家的途中,一个问题困扰我很久,在vue2中为什么不能给对象直接赋值? 若是使用其他的的api又觉得麻烦,于是就有了这篇博客!!! 一、直接添加属性的问题 我们从一个例子开始 定义一个p标签，通过v-for指令进行遍历 然后给botton标签绑定点击事件，我们预期点击按钮时，数据新增一个属性，界面也 新增一行 <p v-for="(value,key) in item" :key="key"> {{ value }} </p> <button @click="add
前端vue入门及框架搭建
03-12
Vue 是一个Javascript 框架，兼具angular.js和react.js的优点,并剔除了它们的缺点。 简化 Dom 操作 对浏览器提供的修改 Dom 结构API进行封装，只需要对数据对象进行操作，由 Vue 负责调用底层浏览器 API。 响应式...
VUE 前端 面试 技术 八股文
07-07
1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？ SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新...
可能是目前最完整的前端框架Vue.js全面介绍
01-27
2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位...
Vue2响应式有哪些缺陷？
s996997778的博客
07-13 1068
Vue.js 2.x版本中的响应式系统有一些缺陷。以下是其中一些常见的缺陷：1. 无法响应新增属性：在Vue2中，只有在实例被创建时就存在的属性才会被观察。这意味着如果你在已经创建的实例上动态添加新的属性，Vue无法检测到这些属性的变化。为了解决这个问题，你需要使用Vue.set或Vue.$set方法来添加响应式属性。2. 无法响应数组索引和length的变化：Vue2无法检测到通过索引设置数组元素的变化，以及直接修改数组的length属性。
vue3会比vue2难学吗
weixin_42576804的博客
01-15 281
不会。Vue 3 主要是对 Vue 2 的改进和优化，并且保持了与 Vue 2 相似的 API，所以对于熟悉 Vue 2 的开发者来说，学习 Vue 3 不会比学习 Vue 2 难。
移动端使用Vue3优劣势
前端日月明
01-25 5330
优势： 性能提升，运行速度是vue2的1.2-2倍 体积更小，按需编译体积vue2要更小 类型推断，更好的支持ts这个也是趋势 高级给予，暴露了更底层的API和提供更先进的内置组件 组合API，能够更好的组织逻辑，封装逻辑，复用逻辑 Vue3是未来趋势，避免以后从vue2升级到vue3不必要的麻烦 劣势： 移动端兼容范围比vue2小（不过不兼容的手机都是大概六七年前的手机，影响的使用群体范围很小，以下为详细数据） Android，ios兼容情况 ios系统10.0版本之前不兼容，android系统5.0
【VUE2-02】vue2的指令和vue2的缺点
前端代码小白的日常博客
01-11 456
在上节,中写hello world！例子的时候使用了一个指令v-bind绑定元素属性。
Vue2常见的缺陷与Vue3带来的新特性
NGUP_LEE的博客
11-28 3390
通过上面的图可以知道，Vue2所有的模块都是杂糅在一起的，这样做会导致不好拓展的问题，Vue3是怎么解决的呢？重构-拆包，使用monoerpo管理方式，响应式、编译和运行就全部独立了Vue3中，响应式独立了出来，而Vue2中的响应式只服务于Vue，Vue3中响应式与Vue解耦，你甚至可以在NodeJ S和React中使用响应式。渲染逻辑也被拆分为 平台无关渲染逻辑 和 浏览器渲染API 两部分。
记录一次前端页面崩溃的产生及处理
最新发布
weixin_51123079的博客
05-30 491
记录一次前端页面崩溃的产生及处理
vue3和原生js实现项目的优缺点
04-27
Vue3 和原生 JS 实现项目的优缺点如下： Vue3 的优点： 1. 更高效的开发：Vue3 提供了一套完整的工具链，可以快速搭建一个前端项目，大大减少了开发时间和成本。 2. 更好的可维护性：Vue3 采用组件化开发，使得项目的结构清晰明了，易于维护和升级。 3. 更好的生态系统支持：Vue3 拥有丰富的插件和组件库，可以快速扩展项目的功能。 原生 JS 的优点： 1. 更加灵活：原生 JS 可以根据项目的特点和需求进行灵活的开发，不受框架的限制。 2. 更高的执行效率：在某些场景下，原生 JS 的执行效率可能会优于 Vue3。 3. 更好的学习曲线：相比 Vue3，原生 JS 的学习曲线更加平缓，更适合初学者。 Vue3 的缺点： 1. 对于小型项目来说，Vue3 的开销可能会有些大。 2. Vue3 的生态系统可能不如 React，相关的插件和库可能会更少。 原生 JS 的缺点： 1. 缺少一些方便的工具，比如模版语言、状态管理等，需要手动实现。 2. 开发效率相比 Vue3 可能会更低。 综上所述，选择 Vue3 还是原生 JS，取决于项目的规模、需求和开发人员的技术水平。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值