javascript - 没有 context=module 脚本标签的预加载函数

Question

因为我不喜欢单个 JS 中的两个脚本标签。我换了preload()函数位于 <script>没有context=module 。运行良好。我想知道随之而来的错误。

Answer 1

context=module 脚本标记允许您为组件定义某种“实例”。我认为您使用它的三个主要原因:

1. 您可以定义其他组件可以导入的函数或其他代码。通常将其放在单独的 JS/TS 文件中可能会更好，但是嘿，有时它确实有意义。
2. 您可以定义只应为该组件的所有实例定义一次的状态。例如，您可以创建一个计数器组件，用相同的值更新所有其他实例。 注意最好使用商店来实现此功能。
3. 您可以定义每个组件仅发生一次的逻辑，并且从技术上讲可以在创建组件之前使用。 (这有点与第一点混合)。

我假设将 preload 函数移出模块脚本标记不允许在生成页面组件之前发生预加载。所以本质上，组件被创建并调用预加载函数，这会导致数据返回后重新渲染。如果预加载位于模块脚本标记中，则会获取它以创建第一个渲染。

这是我自己的有根据的猜测，不一定是事实。

请参阅文档 here .