Element UI 按需导入的原理：
你可以把 Element UI 想象成一个大的工具箱，里面装着各种各样的工具（也就是组件，像按钮、表单、对话框等等）。如果我们不进行按需导入，那就相当于每次使用这个工具箱时，都要把整个箱子搬过来，不管里面的工具是不是都用得上，这会让我们的项目变得很 “重” 哦。
而按需导入呢，就像是只从这个大工具箱里挑选我们真正需要的工具。它的原理是这样的：
首先，我们使用 babel-plugin-component 这个神奇的 “小助手”（也就是 Babel 插件）。当我们在代码中写 import { Button } from 'element-ui'; 这样的语句时，这个小助手会帮助我们。
它会知道我们只想要 Button 这个工具（组件），然后它会在编译代码的时候，只把 Button 这个组件的代码拿过来，而不是把整个 Element UI 的代码都拿过来。
同时，对于样式也是一样的。当我们导入 import 'element-ui/lib/theme-chalk/button.css'; 时，只会引入 Button 组件对应的样式文件，而不是整个 Element UI 的样式文件。
这样做的好处是，我们的项目就会变得更轻便啦 不会因为加载了很多用不上的组件代码和样式而变得臃肿，让项目运行起来更快，加载时间更短。
而且，这个小助手还会根据我们的导入语句，将我们需要的组件正确地注册到 Vue 实例中，让它们能够正常工作。就好像把我们挑选出来的工具放在合适的位置，随时可以使用一样。
所以，按需导入就是利用 Babel 插件的帮助，在编译时只引入我们真正需要的 Element UI 组件和相应的样式，避免了引入整个 Element UI 库，使我们的项目更加轻量化，提高开发效率和性能哦。
