vue3使用的 Proxy 在处理属性的读取和写入时,vue2使用的defineProperty 有更好的性能(速度加倍的同时,内存还能减半!
原创 2024-04-24 13:45:15
0阅读
          diff VUE2 and VUE3VUE2Object.defineProperty(),重写对象的key对数组能进行监听,但删除、插入、排序等频繁操的大量的读写操作,会带来性能问题真正的问题是,不能对初始化时没有设置的键值做监听。所以要提供Vue.set等API需要一开始初始化就递归遍历,循环监听,也是性能瓶颈之一VUE3使用proxy拦截读写操作,采用懒代理解决深度嵌套问
转载 2021-03-20 16:56:00
1197阅读
2评论
Vue3新版本的理念成型于 2018 年末,当时的 Vue 2 已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,Vue3在2020年正式推出,在源码和API都有较大变化,性能得到了显著的提升,Vue2.x快1.2~2倍。
推荐 原创 2021-09-16 14:22:29
2543阅读
1点赞
插槽的作用让用户可以拓展组件,去更好地复用组件和其做定制化处理。Vue 实现了一套内容分发的 API,将 <slot> 元素作为承载分发内容的出口,这是 vue 文档上的说明。具体来说,slot 就是可以让你在组件内添加内容的‘空间’。父组件在引用子组件时希望向子组价传递模板内容 <p> 测试一下吧内容写在这里了能否显示 </p>子组件让父组件传过来的模板内容
原创 2022-06-23 10:29:03
329阅读
全局安装/配置API更改我们可以发现我们在实例化和配置应用程序的方式上又有了一个重大的变化。我们现在就来看看它的工作原理://vue2 import Vue from 'vue'import App from './App.vue'Vue.config.ignoredElements = [/^app-/] Vue.use(/* ... */) Vue.mixin(/* ... */) Vue.c
转载 2021-02-25 17:08:39
538阅读
2评论
Vue2Vue3 组件通信方式对比Vue 开发中,组件通信是非常重要的一部分。Vue2Vue3 在组件通信方式上有一些相似之处,也有一些不同点。本文将详细介绍 Vue2Vue3 中的组件通信方式,并给出相应的代码示例。 一、Vue2 中的组件通信方式 父子组件通信 父传子:通过 props 向子组件传递数据。 <!-- 父组件 --> <te
原创 精选 9月前
328阅读
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载DO
原创 2023-06-10 06:06:41
677阅读
性能更好功能更强大代码更简洁开发体验更好新项目建议使用 Vue3需要兼容 IE11 的项目使用 Vue2大型项目推荐 Vue3(性能优势明显)
原创 8月前
370阅读
相同的钩子,如果在setup里写了,配置项里也写了,setup里的钩子先执行。
原创 2024-05-29 10:37:38
82阅读
vue2vue3的区别?1.Vue3的Template支持多个根标签,Vue2不支持2.Vue3有createApp(),而Vue2的是new Vue()3.v-model代替以前的v-model和.sync4.context.emit5.Vue3中的属性绑定5.1使用场景5.2props和context.attrs的区别6.具名插槽的使用7.Teleport传送门组件8.vue3中动态挂载组
转载 2024-07-02 21:32:41
57阅读
vue3vue2版本对比vue2中绝大多数的API与特性,在vue3中同样支持。同时,vue3中还新增了所特有的功能,并废弃了vue2中的某些旧功能。新增的功能如:组合式API、多根节点组件、更好的TypeScript支持等。废弃的功能如:过滤器、不在支持$on,$off,$once等实例方法。详细变更信息可参考官方文档的迁徙指南:https://v3.vuejs.org/guide/migr
转载 2024-04-02 12:29:03
184阅读
vue2 使用 new Vue() 初始化实例vue3 使用 Vue.createApp() 初始化实例。
原创 2024-05-07 14:45:26
55阅读
vue2,vue3全局挂载
原创 2023-06-27 08:53:25
897阅读
✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人?? ?个人主页:Leo的博客 ?当前专栏: Vue ✨特色专栏: MySQL学习 ?本文内容:走进Vue2飞入Vue3 ?️个人小站 :个人博客,欢迎大家访问 ?个人知识库: 知识库,欢迎大家访问一、Vue是什么 ?1、简介Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其
原创 2024-06-04 10:03:03
0阅读
vue2官网:https://v2.cn.vuejs.org/v2/guide/ vue3官网: https://cn.vuejs.org/guide/introduction.html
原创 2024-01-21 00:57:28
7995阅读
可以按照官方文档进行迁移:https://v3-migration.vuejs.org/zh/利用vue-compat升级 https://github.com/vuejs/core/tree/main/packages/vue-compat。
vue3vue2的区别?
原创 10月前
0阅读
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 公众号作者:广东靓仔 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使用proxy )将它们转为 getter/s
原创 2022-05-12 17:09:19
353阅读
创建一个 template 组件来说,大多代码在Vue2Vue3都非常相似。Vue3支持碎片(Fragments)
原创 2022-03-01 17:59:28
3022阅读
Vue3和TypeScript是两个非常流行的前端技术,它们都有着自己的优点和特点。Vue3Vue.js的最新版本,它带来了很多新的特性和改进,包括更好的性能、更好的开发体验和更好的可维护性。TypeScript是一种静态类型语言,它可以帮助我们在开发过程中更好地捕获错误和提高代码的可读性和可维护性。在本文中,我们将介绍如何在Vue3中使用TypeScript。一、安装Vue3和TypeScri
转载 2023-08-16 18:51:23
150阅读
  • 1
  • 2
  • 3
  • 4
  • 5