时间戳

首页 > 解决方案 > Javascript svelte.js

svelte - Javascript svelte.js

问题描述

非常感谢这段代码。

export const page;

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

标签： svelte

解决方案

  • pageimport 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*/)需要任何道具。

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

推荐阅读