来自调用者的苗条生命周期函数？

Question

  new App({
    target:  document.getElementById('some id')
  });

我们在打开文件中像这样启动我们的应用程序。在他们的指南中 https://svelte.dev/docs#run-time-svelte 有一个组件加载时的生命周期挂钩，但是调用它的人可以使用它吗？

EG

  new App({
    target:  document.getElementById('some id'),
    onMount: () => {
      // do something
    }
  });

目前我们在基本组件中使用 onMount 挂钩然后向 window 对象发出一个事件..但感觉很不对:|

Answer 1

您的 App 组件可以将挂载函数导出为 prop...

<script>
    import { onMount } from 'svelte';
    
    export let mount = () => {};
    
    onMount(() => {
        mount();
    });
</script>

... 然后你可以在 initializing the app:

时设置该道具

import App from './App.svelte';

const app = new App({
    target: document.body,
    props: {
        mount: () => { console.log('mounted!'); }
    }
});

来自调用者的苗条生命周期函数？

svelte lifecycle functions from caller?

svelte