svelte - 3. 生命周期
生命周期
每个组件都有一个生命周期，从创建时开始，到销毁时结束。有一些函数允许您在生命周期的关键时刻运行代码。
| 生命周期 | 作用 |
|---|---|
| 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`原文地址：https://blog.csdn.net/weixin_41294419/article/details/140626295
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！