当前位置: 首页 > Web前端 > vue.js

Vue2.0和Vue3.0的区别

时间:2023-04-01 02:13:34 vue.js

1.项目目录结构Vue-cli2.0和3.0在目录结构上有明显的区别。vue-cli3.0去掉了配置文件目录、config和build文件夹,同时去掉了static静态文件夹,增加了public文件夹。打开层级目录,会发现index.html已经移到public2.配置项3.0的config文件已经去掉,但是多了.env.production和env.development文件,除了文件location,其实配置和2.0一样。没有config文件,当需要跨域配置域名时,从config/index.js移动到vue.config.js,配置方式不变。3.渲染Vue2.xVue3.0使用的VirtualDom实现的渲染无论是原生的html标签还是vue组件,都会通过h函数来判断。如果是原生的html标签,运行时会直接通过VirtualDom渲染。同样,如果是组件,会直接生成组件代码4.数据监控Vue2.x大家都知道,用的是es5的object.defineproperties中的getter和setter,而vue3.0的版本是基于Proxy的监控,其实是基于代理的监控,默认就是所谓的惰性。这是什么意思?它只会在您使用它时进行监控。可以理解为‘按需监控’。官方的解释是:速度翻倍,内存占用减半。4.根据需要在Vue2.x中导入新的实例对象,一切都在这个Vue对象上,所以不管你用不用都会变。在vue3.0中可以使用ES模块导入来实现按需导入,比如:keep-alive内置组件、v-model指令等。