我正在研究以下用Svelte编写的源代码,以便更好地适应这个框架:https://github.com/revolist/svelte-datagrid
在整个项目中遇到的一个重复模式让我完全困惑:
src/svelte目录下的每个组件都使用与其文件名一致的蛇形大小写表示法初始化自身。例如,RevogrViewportScroll.svelte组件初始化自身,如下所示:
<revogr-viewport-scroll
content-width={contentWidth}
content-height={contentHeight}
on:scrollViewport={onEvent}
on:resizeViewport={onEvent}
on:scrollchange={onEvent}
bind:this={__ref}
>
<slot></slot>
</revogr-viewport-scroll>我不明白这种使用的意义是什么,以及它是如何通过这种使用来实现自我启动的。
发布于 2021-10-20 05:31:06
一般来说,它不会做任何特殊的事情,<revogr-viewport-scroll>等同于HTML5中的<div>
也就是说,这个特定库只是一个围绕RevoGrid的包装器,后者是一个提供web组件的库,允许您按照如下所述使用这些元素:basic usage
https://stackoverflow.com/questions/69636895
复制相似问题