生命周期
每个组件都有一个生命周期,从创建时开始,到销毁时结束。有一些函数允许您在生命周期的关键时刻运行代码。
| 生命周期 | 作用 | 
|---|---|
| onMount | 组件首次渲染到DOM后执行 | 
| onDestroy | 组件被销毁时执行 | 
| beforeUpdate | 在DOM渲染完成前执行 | 
| afterUpdate | 在异步数据加载完成后执行 | 
| tick | 可以看成Vue中的$nextTick() | 
示例
1、onMount
组件首次渲染到DOM后运行
 例:在页面初始化时调 fetch 接口获取图片
<script>import { onMount } from 'svelte'; // *引入let photos = [];onMount(async () => { // *通常在 onMount 生命周期调接口const res = await fetch(`https://jsonplaceholder.typicode.com/photos?_limit=20`