生命周期
每个组件都有一个生命周期,从创建时开始,到销毁时结束。有一些函数允许您在生命周期的关键时刻运行代码。
生命周期 | 作用 |
---|---|
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`