
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,web前端编程开发也成为了一个热门的技术学习方向,而今天我们就通过案例分析来了解一下,web前端编程开发框架的一些基础知识。
存储
存储(Stores)在所有组件外部保持应用程序状态。它们是使用props或上下文来使数据在组件中可用的替代方法。
对于应该对所有组件可用的存储,请在src/stores.js之类的文件中定义并导出它们,并在需要时从该文件导入它们。
对于应该仅对给定组件的后代可用的存储,请在这个组件中定义它们,然后使用props或上下文将它们传递给后代。
Svelte提供三种存储。
可写存储——这是可以由组件修改的存储。
可读存储——这些存储处理它们自己的数据。
派生存储——这些存储从其他存储的当前值派生数据。
这些存储都有一个subscribe方法,该方法返回一个可调用的函数来unsubscribe。
也可以创建自定义存储。它们的限制是成为具有正确实现的subscribe方法的对象。示例见此。
可写存储
要创建可写存储,请调用svelte/store包中定义的writable函数。然后传递初始值,还可以传递一个带有set函数的函数。如果传入了后者,它可以异步确定存储的值。例如,它可以调用REST服务,并将返回的值传递给set。在一个组件订阅存储之前不会调用此函数。
除了subscribe方法外,可写存储还有以下方法:
set(newValue)
这将为商店设置一个新值。
update(fn)
这将基于当前值更新存储值。fn是一个传递当前值并返回新值的函数。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。