Vue3:第六章 Vite为什么这么快?

现在前端工程化的概念大行其道,研发基本上离不开模块化,框架我们有React,Vue,对应有jsx、vue文件,样式文件也有less,sass等等,这些东西浏览器本身是不认识的,但我们最终都要把它们统一起来,可以放到任意一个浏览器中去运行,那么我们就需要使用“前端构建工具”来帮我们完成这个工作。 一个高效的构建工具对前端来说是非常重要的,不管是项目冷…
Vue3:第五章 怎样将你的Vue2项目升级到Vue3?

经过上一节的学习,我们已经明白了,什么样的项目可以升级到Vue3,以及升级到Vue3的话我们还需要掌握的一些非兼容性改变,在满足了这两个条件后我们就可以来开始项目的升级了。 理论知识还是需要实践来支持的,所以本节我们开始以一个简单的Vue2项目为例,带大家一起走一遍Vue3的升级。 Vue2项目的基础配置 首先,我们来搭建一个简单的Vue2项目,p…
Vue3:第四章 Vue2升级Vue3有哪些非兼容性变更?

从前面的章节中,我们已经学习了Vue3的新特性和新语法。准备开新项目的同学,已经迫不及待地使用Vue3来进行开发了吧。那对于正在使用Vue2的同学,如果想要升级到Vue3,是不是直接更换版本就可以呢? 遗憾的是,并不是直接更换Vue的版本就可以的,我们都知道在Vue3中做了大量的重构,所以有部分内容对于Vue2来说是不兼容的,Vue2的代码直接升级…
Vue3:第三章 Vue3.0中的响应式做了哪些改变?

我们在前面Composition Api进阶中,多次提到了响应式,而响应式系统一直是Vue绕不过去的一个话题,也是Vue最独特的特性之一。在Vue2.x中,响应式的机制深入人心,我们只需要在data中定义我们需要的数据,就会在初始化时被自动转为响应式数据。 但是在Vue2中,响应式的使用还存在一些限制,比如对象属性的增加和删除等并不能被监听到,所以…
Vue3:第二章 options-api很普及,为什么vue3还要出composition-api

语法是每个框架都无法避免的内容,可能也是大家对这个框架的第一印象,一个好的语法就会让人更容易上手和接受,所以语法也是一个框架的重中之重。比如在Vue2中,我们使用的是Options Api语法,而在Vue3中,编程语法方面改变的最大亮点应该就是Composition Api了。 不知道你想过没,Vue2中的Options Api已经非常普及了,为什…
Vue3:第一章 通过Vue3,搭建自己的框架思维
让我们来看一下,同样的项目,使用vite作为开发构建工具的Vue3和使用vue-cli的Vue2的运行对比。 构建工具启动时间打包时间vite135ms13025msvue-cli1482ms28186ms 从上面的表格我们可以看到,vite相对比vue-cli来说,启动项目时间缩短达到了10倍,打包时间也明显减小。 同时,Vue3也提高了编译的效…