Vue 3.0中的Treeshaking特性？举例说明一下？

Vue 3.0中的Treeshaking特性？举例说明一下？

1：目的：
    目的是Vue团队希望帮助开发者减小web应用体积
2：什么是Treeshaking
   TreeShaking是一种术语，在打包时将不打包没有用到的代码，这些代码会成为dead code（死代码）
实际上也就是说，treeShaking在打包时所保留的，是我们用到的代码
3：如何使用
   由于treeShaking是基于ES6的import和export静态编辑思想确定模块依赖关系的，
所以
1：treeShaking在编译阶段会判断模块的加载状态
2：判断未使用的相关变量，进行移除

举个例子：
如果，新创建的项目中，data中的变量1，和变量2被使用了，但是变量3，并没有被使用，那么变量3，会在打包的时候被移除
在比如，可以对比一下项目在使用treeShaking打包之后和未使用的情况下进行打包后的大小，
data中的数据都变正常使用，methods的方法也被正常使用，component方法和watch方法未使用，然后进行打包

答案显而易见，在使用treeShaking后进行打包只会将data和methods这种使用的方法进行打包，而不是打包所有

4：treeShaking的好处
1：首先最重要的一点是vue团队在研发treeShaking的初衷，是帮助开发者减小web app应用体积
2：减少程序打包时间
3：便于维护优化项目框架