Vue2.0和Vue3.0的区别

转行卖煎饼
• 阅读 22636

1.项目目录结构
vue-cli2.0与3.0在目录结构方面,有明显的不同

vue-cli3.0移除了配置文件目录,config 和 build 文件夹

同时移除了 static 静态文件夹,新增了 public 文件夹,打开层级目录还会发现, index.html 移动到 public 中

2.配置项
3.0 config文件已经被移除,但是多了.env.production和env.development文件,除了文件位置,实际配置起来和2.0没什么不同

没了config文件,跨域需要配置域名时,从config/index.js 挪到了vue.config.js中,配置方法不变

3.渲染
Vue2.x使用的Virtual Dom实现的渲染

Vue3.0不论是原生的html标签还是vue组件,他们都会通过h函数来判断,如果是原生html标签,在运行时直接通过Virtual Dom来直接渲染,同样如果是组件会直接生成组件代码
4.数据监听
Vue2.x大家都知道使用的是es5的object.defineproperties中getter和setter实现的,而vue3.0的版本,是基于Proxy进行监听的,其实基于proxy监听就是所谓的lazy by default,什么意思呢,就是只要你用到了才会监听,可以理解为‘按需监听’,官方给出的诠释是:速度加倍,同时内存占用还减半。

4.按需引入
Vue2.x中new出的实例对象,所有的东西都在这个vue对象上,这样其实无论你用到还是没用到,都会跑一变。而vue3.0中可以用ES module imports按需引入,如:keep-alive内置组件、v-model指令,等等。

点赞
收藏
评论区
推荐文章
Jacquelyn38 Jacquelyn38
4年前
一篇文章带你使用Typescript封装一个Vue组件
搭建项目以及初始化配置vue create tsvuebtn这里使用了vueCLI3自定义选择的服务,我选择了ts、stylus等工具。然后创建完项目之后,进入项目。使用快捷命令code.进入Vscode编辑器(如果没有code.,需要将编辑器的「bin文件目录地址」放到环境变量的path中)。然后,我进入编辑器之后,进入设置工作区,随便设置一个
Wesley13 Wesley13
3年前
javaweb项目部署
首先谢谢@JFinal(http://my.oschina.net/jfinal)的自由,让我搞明白,原来项目可以这样部署。以前的部署方式:tomcat目录confserver.xml修改<Host节点,添加如下内容:<Contextpath"/jfinal"docBase"D:\code\jfin
Stella981 Stella981
3年前
Linux的目录结构
Linux目录结构的特点举例linux下面使用光盘1.把光盘放入到光驱中2.linux中使用光盘/dev/cdromroot@oldboyedu01~ll/dev/cdromlrwxrwxrwx.1rootroot3Sep25
Stella981 Stella981
3年前
Linux自动检测网站心跳通知shell脚本
!/bin/bashLIST("http://xxxx.com")NAME("评价系统getwindowList接口")for((i0;i<${LIST@};i))doHTTP_CODEcurlo/dev/nullsw"%{http_code}""${LIST
Wesley13 Wesley13
3年前
PHP项目目录结构
PHP项目目录结构原创 2017年11月23日16:02:18标签:php(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fso.csdn.net%2Fso%2Fsearch%2Fs.do%3Fq%3Dphp%26t%3Dblog) /
Wesley13 Wesley13
3年前
ORACLE纯SQL实现多行合并一行
项目中遇到一个需求,需要将多行合并为一行。表结构如下:NAME                           Null          Type\    N\_SEC\_CODE                NOTNULL CHAR(6
Stella981 Stella981
3年前
Spring Boot 访问静态资源
在SpringBoot项目中没有我们之前常规web开发的WebContent(WebApp),它只有src目录。在src/main/resources下面有两个文件夹,static和templates。SpringBoot默认在static目录中存放静态页面,而templates中放动态页面。1static目录
Wesley13 Wesley13
3年前
Oracle:Pivot 转多列并包含多个名称
SELECTFROM(SELECTl.DISTRIBUTOR_ID,d.SKU_CODE,d.WH_CODE,d.ORDER_PACKAGES,d.PRICE,d.YEARLY||d.MONTHLYasYM,d
Stella981 Stella981
3年前
Android版式文件夹可以包含子文件夹吗?
现在,我将每个xml布局文件存储在res/layout文件夹中,因此管理小型项目既可行又简单,但是,在有大型项目的情况下,应该有一个层次结构和一个子目录,布局文件夹中所需的文件夹。例如layoutlayout_personalpersonal_detail.xmlpersonal
Stella981 Stella981
3年前
Golang的项目目录结构
1.简单型的项目目录结构如果我们只是开发一个小应用或者做一些简单的测试,那么完全没有必要根据官方的建议建立各种目录,只需要要一个文件夹中放置我们的源码文件,然后直接运行gobuild就可以,例如:gobuildhello.go然后编译器就会在当前目录下面生成一个hello.exe文件。我们
Stella981 Stella981
3年前
MapXtreme 2005 学习心得 了解新建MapXtreme项目结构(二)
一:新建示例首先,打开VS2005,新建网站,选择MapXtreme 6.7.1 Web Application救命网站目录关键结构如下:1:App\_Code文件夹有一个自定义的AppStateManager.cs类,继承自StateManager,主要是实现自定义的地图保存与还原,地图都存在Session中的,而且还是序
转行卖煎饼
转行卖煎饼
Lv1
细雨鱼儿出,微风燕子斜。
文章
4
粉丝
0
获赞
0