Javascript svelte.js

Question

非常感谢这段代码。

export const page;

router('/access', () =>
    import('./views/access.svelte').then(
    module => page.set({ component: module.default })
    )
);

Answer 1

• import router from 'page' 中的页面很可能指的是 page.js，一个 JavaScript 路由器（没有任何 Svelte 依赖）
• module.default 指的是作为第一个参数传递给 import() 函数的文件的默认导出。该文件将在 './views/dashboard.svelte'

  router('/dashboard', () =>
      import('./views/dashboard.svelte').then(
          module => page.set({ component: module.default })
      )
  );
  

  由于所有导入的文件都是 Svelte 组件，因此默认导出的是组件本身。
• 为什么 道具被定义为空我不知道。但可能 import(/*component path here*/, /*more code here*/) 中指定的组件中的 none 需要任何道具。

另外，请注意，虽然最初页面存储是用一个同时具有 component 和 props 字段的对象初始化的，但页面存储的值随后会被一个仅包含 component 和 props 字段的对象覆盖具有 component 字段（在对 page.set() 的所有调用中）。