vue2与vue3打包大小与文件对比

用的vue-cli 4.5.0做的测试

首先是打包文件

vue2 第三方文件vendors 130.01k


vue3 第三方文件vendors 113.37k 相对vue2明显变少；

图1 vue2 看到各个文件大小

图2 vue3 看到各个文件大小

vue2 与vue3 入口文件

vue2 是先定义一个defined 模块 名字叫vue，然后new一个实例出来传一些初始化的参数，通过渲染函数渲染APP,最后再绑定在vue的根节点中去；使用插件的先定义然后Vue.use使用插件


vue3 把重要的的东西拆分成一个个模块，利于我们的组装，是用createApp一个app,使用插件的话用use（）可见没此返回的是vue实例

图1 vue2 入口文件

图2 vue3 入口文件

#### vue2 与vue3 App.vue 文件

vue2 template下只能一个根节点；
vue3 可以有多个节点；

图1 vue2 App.vue 文件

图2 vue3 App.vue 文件

#### vue2 与vue3 路由文件

vue2 创建路由方式 new VueRouter()，通过mode改变history路由还是hash路由
vue3 创建路由方式通过传入参数createRouter，

图1 vue2 路由文件

图2 vue3 路由文件