javascript 在SvelteKit中,+page.js、+page.server.js和+page.svelte之间有什么区别?

ca1c2owp  于 2023-05-16  发布在  Java
关注(0)|答案(1)|浏览(205)

我完全看不懂这些文件。
我假设:

  • +page.server.js =运行服务器端的代码(从数据库获取数据等)
  • +page.js =运行客户端的代码(浏览器中的动态内容)
  • +page.svelte =主前端。

作为一个具体的例子,我在布局中有一个data.user.startdate prop ,我想操作它,以便显示现在和开始日期之间的差异。
+page.svelte可以访问这个没有问题在这里:

<script>
 export let data;
</script>

我可以在这里操作数据,但是我假设最佳实践是在+page.js中进行操作
但是+page.js似乎没有等效的方法来访问数据属性,没有某种父继承,这与+page.svelte相比很混乱
我相信主要的问题可能是我对sveltekit文件的目的的理解,因此问题是关于框架文件的。

  • 作为旁注,为什么+标志,以及在VS Code中搜索文件的最佳实践是什么,因为所有路由文件都命名相同!*
i2loujxw

i2loujxw1#

+用于标记svelteKit保留的文件,以回答为什么+专门用于相同的原因,为什么/用于命令,只是因为它们需要在名称的开头使用一些不常见的符号。
+page.server.js下面的文件在服务器上运行,所以它用于从一些需要API密钥的API获取数据,然后您只需将数据发送到客户端,这样您的API密钥就不会暴露给客户端。
+page.js只是一个文件,你可以在其中为页面添加js,所以你可能想移动一些有很多逻辑的函数,并且在那里有点太大了。(因此,您很可能不会在每个页面都有此文件)
+page.svelte是你的前端,所以你的HTML样式和js。

相关问题