我完全看不懂这些文件。
我假设:
+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中搜索文件的最佳实践是什么,因为所有路由文件都命名相同!*
1条答案
按热度按时间i2loujxw1#
+
用于标记svelteKit保留的文件,以回答为什么+
专门用于相同的原因,为什么/
用于命令,只是因为它们需要在名称的开头使用一些不常见的符号。+page.server.js
下面的文件在服务器上运行,所以它用于从一些需要API密钥的API获取数据,然后您只需将数据发送到客户端,这样您的API密钥就不会暴露给客户端。+page.js
只是一个文件,你可以在其中为页面添加js,所以你可能想移动一些有很多逻辑的函数,并且在那里有点太大了。(因此,您很可能不会在每个页面都有此文件)+page.svelte
是你的前端,所以你的HTML样式和js。