在 sveltekit 中,在路由文件之间拆分客户端代码的约定是什么?

In sveltekit, what's the convention for splitting client side code between route files?

提问人:Mike Thrussell 提问时间:6/4/2023 更新时间:6/4/2023 访问量:352

问:

文件中的标记和标记都用于处理客户端代码。+page.js/ts<script><script/>+page.svelte

在这 2 个文件之间进行选择的典型约定是什么?

JavaScript 节点.js 编码样式 的 Sveltekit 约定

评论


答:

1赞 Sourabh Patel 6/4/2023 #1

该问题已在文档中明确回答。单独的文件用于加载和构造路由所需的数据,script 标签用于 DOM 操作和客户端逻辑。 这是文档中的约定,但您可以根据自己的喜好自由使用这两种方法,但 +page.server.js/ts 严格适用于服务器端逻辑,如身份验证和数据库调用。

评论

0赞 Mike Thrussell 6/4/2023
好的,所以我可以把它看作是 +page.ts/js 用于为页面的初始显示准备/预加载数据,以及用于在初始加载后随后操作页面的 <script> 标签。
0赞 Sourabh Patel 6/4/2023
是的,对于大多数用例来说,这是正确的,代码应该像这样构建。Svelte (Kit) 本质上是一个非常灵活的框架,允许您按照自己的喜好构建代码。一开始我有一个爱好项目,在我意识到从 +page.server.js 执行此操作更快、更简单之前,我从脚本标签本身进行所有数据库调用。