1,先加载onMount运行时:
import { onMount } from "svelte";
2,创建一个空的数组变量:
let data = [];
3,创建onMount函数:
onMount(async function(){
const response = await fetch('data.json');
data = await response.json();
});
好了,现在你可以使用json选择器拿捏它了,注意以上步骤都需要在主文件或组件中使用,无法在全局js中使用运行时状态。
使用Svelte加载和处理JSON数据
本文介绍了如何在Svelte应用中利用onMount函数加载本地JSON数据。首先导入onMount,然后创建一个空数组存储数据。接着定义onMount函数,通过fetch API获取'data.json'的内容,并将其转化为JSON格式填充到数据数组中。现在可以方便地在组件中使用这些数据进行渲染和操作。
253

被折叠的 条评论
为什么被折叠?



