- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
vue3 正式发布有两年多了,之前也做过一些学习和研究。vue3 发布后给某培训机构开发了一套vue3课程课件,自己也开源了一套基于vue3的后台管理系统(因为个人懒的原因,半年后才上传到gitHub,且到目前为止一直没有更新过).
附上网址: https://github.com/gegestst112/vue-stick-admin ,有兴趣的可以下载看一下,希望我之后会继续完善和更新.
虽然现在还有很多用vue2的项目,甚至有新启动的项目还基于vue2。但vue3作为 vue 的主流开发技术栈,仍然是必然的趋势。因为现在 vue 官网文档也是 vue3 的版本了,指不定哪天要找 vue2 的文档都要花点功夫了.
近期整理一下 vue2 和 vue3 的不同点,希望对读到这篇文章的小伙伴从vue2过渡到vue3有些许帮助.
先来看下 vue2 和 vue3 有哪些相同点,至少先知道技术升级到 vue3 没有看起来那么难.
。
总结一下,即使不使用 vue3 新增的那些特性,也还是可以完成日常开发工作的.
不过,如果项目是使用 vue3 技术栈开发的,应该大部分人都会尝试适应vue3 组合式 api 语法。如果其他同事开发的模块用的都是组合式 api,唯独你还是用选项式 api,多少会有些违和感的。接下来看看 vue3 新增了哪些新特性 。
。
1、创建实例的方式不同 。
vue2 使用 new Vue({ ...选项 }) 构造函数的方式创建; 。
vue3 通过内置的 createApp( //根组件 ) 方法创建.
。
2、Vue3 新增的片断特性,允许单文件组件中的 template 元素下可以有多个节点 。
在 Vue 2 中的组件中的顶层 <template> 块不支持多个节点,通常都是用一个 div 元素包含所有节点或组件,如:
1 < template > 2 < div > 3 < div class =”top” > … </ div > 4 < header > ... </ header > 5 < main > ... </ main > 6 < footer > ... </ footer > 7 </ div > 8 </ template >
影响虽然不大,但最终生成的页面中会有很多不必要的节点嵌套,有经验的前端开发工程师应该都深有体会,特别是有强迫症会更觉得难受.
在Vue 3 中解决了这个问题,组件中可以包含多个节点,如下所示:
1 < template > 2 < header > ... </ header > 3 < main v-bind ="$attrs" > ... </ main > 4 < footer > ... </ footer > 5 </ template >
现在这样写的组件,当组件嵌套很多级的时候,可以节省很多嵌套的节点。不过记得显示定义 attribute 分布的位置.
。
3、vue3的响应式原理实现不一样 。
vue2的双向数据绑定是使用 Object.definepropert() 对数据进行劫持,结合发布订阅模式实现.
vue3中使用了es6的proxyAPI对数据进行处理.
使用proxy 可以劫持整个data对象,然后递归返回属性的值的代理即可实现响应式.
。
4、新增了一些组件 。
比如 <teleport> 内置组件可以将内容挂载到指定的目标元素.
。
5、删除了过滤器 。
在 vue2 中过滤器就用得很少了,我只在 vue1 的时候用得比较多。对于习惯用过滤器的开发者可能有少许影响.
。
6、新增和修改了生命周期钩子函数 。
比如 destroyed 生命周期钩子被重命名为 unmounted; 。
新增了 renderTracked、serverPrefetch 等钩子函数; 。
在组合式 api 中不同的调用方式.
。
7、组合式 API 。
组合式 API 是 vue3 最大的一个变化,也是很多熟悉 vue2 的开发者最需要适应的方法.
。
8、支持 typescript 开发语法 。
多了一种开发方式,有利于团队合作、使代码更规范和严谨;对于习惯 javascript 松散语法的开发者来说,可能不太喜欢这种开发方式 。
。
最后此篇关于vue3和vue2的区别,vue3和vu2到底哪个好呢?的文章就讲到这里了,如果你想了解更多关于vue3和vue2的区别,vue3和vu2到底哪个好呢?的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
这对你们来说可能很简单,但由于我是java新手,所以我想知道实际上什么是 接下来的部分会发生什么? if (args.length > 0) { file = args[0]; } publi
在我的 View Controller 中,我将 UITapGestureRecognizer 添加到 self.view。我在 self.view 之上添加了一个小 View 。当我点击小 View
我今天尝试从 Obj-C 开始并转到 Swift,我正在阅读文档。我试图在 Swift 中创建一个简单的 IBOutlet,但它不断给我这些错误。 View Controller 没有初始化器 req
我正在尝试使用 VIM 完成(字典和当前缓冲区),但我遇到了问题?和 !在方法名称的末尾。我能以某种方式向 vim 解释方法名称(基本上是单词)最后只能有它,而且只有一个,即 method_name
我是一名优秀的程序员,十分优秀!