lifecycle - onMount 生命周期内的语句和 onMount 生命周期外的语句有什么区别？

Question

在我看来(我知道我会错)我在 svelte 中的 onMount 生命周期函数中所做的事情也可以在它之外完成。有区别吗？或者..我遗漏了很多要点。

<script>

  import {onMount} from 'svelte'

  function doSomething() {
    // ......
    // ..........
  }

  onMount(() => {
    function doSomething() {
      // ......
      // ..........
    }
  })

</script>

Answer 1

如 API documentation 中所述, onMount 将在组件添加到 DOM 时运行，并且仅在此时运行。

在 onMount 回调之外运行的语句将在挂载组件时执行，但也会在组件在 SSR 中运行时执行。

通常你会在 onMount 回调语句中放入需要 DOM 可用的回调语句，或者在使用 SSR 时由于各种原因无法在服务器端执行。