API Module Component — mortgageUtils Example

好，同学们，咱们今天来看看Lightning Web Components里面一个特别有用的模式，叫做API模块组件。它的作用是什么呢？就是让你能够在多个组件之间共享代码，避免重复写同样的逻辑。 你把它想象成一个工具箱，里面放了一些常用的函数，哪个组件需要，就从这个工具箱里拿。 那怎么创建这个工具箱呢？有几个关键的要求，一定要记住。首先，文件夹和它里面的主JavaScript文件，名字必须一模一样。比如我们这个例子，文件夹叫mortgageUtils，那主文件就一定是mortgageUtils.js，大小写都要对上。 因为这个组件只是提供代码，不需要显示任何界面，所以它没有HTML文件。但是，平台要识别它是一个组件，还是需要一个配置文件，就是那个.js-meta.xml文件。这个文件必须有，即使里面内容很简单。 接下来是怎么用它。当你在其他组件里想要导入这个工具箱的时候，用的语法是 import 某某 from 'c/mortgageUtils'。注意了，这里有个容易错的地方：c后面跟的只是文件夹的名字，不用加.js或者任何扩展名。如果你写成c/mortgageUtils.js，或者c/mortgageUtils/utils，那就会报错了。所以，记住，只写文件夹名。 还有一个重要的点，别的组件只能访问你从主JavaScript文件里明确导出的那些东西。如果你在主文件里引用了一些辅助文件里的函数，但是没在主文件里再导出它们，那其他组件是看不到的。所以，要想公开那些辅助文件里的代码，你必须先在主文件里把它们重新导出一次。 总结一下，API模块组件就是不带界面的代码库，命名要一致，导入时只写文件夹名，想分享什么就从主文件导出什么。这样就能轻松实现代码复用了。 好了，这一页的重点就这些，大家理解了吗？