首先在package.json文件中引入SpreadJS相关依赖文件:2、接着我们在lib文件夹下创建WorkSheet.svelte,在此文件中创建SpreadJS的目标DOM元素:3、接着为此容器设置宽高:4、接着引入相关资源:5、最后在omMount生命周期钩子函数中,初始化Spread容器,并设置A1单元格内容为“hello,SpreadJS”:6、完成WorkSheet.svelte文件的编辑后,在app.svelte文件中进行引入。
Svelte 编译策略决定了它跟 Virtual DOM 绝缘,也就享受不到 Virtual DOM 带来的诸多好处,比如基于 render function 的组件的强大抽象能力,基于 vdom 做测试,服务端/原生渲染亲和性等等。
今天给大家分享一个自己最新研发的svelte3桌面pc端组件库SvelteUI。svelte-ui 一款基于svelte3开发的类似element-ui风格组件库。目前已有超过20+组件。快速引入在需要用到组件的页面,按需引入即可。
和我之前介绍的很多 Vue 组件库不一样,STDF 是基于近来新晋 js 框架 Svelte 开发的,Svelte 是一个和 Vue / React 类似的 JavaScript 框架,也就是说,这套组件库是专为 Svelte 打造的。
React 使用虚拟 DOM,这是创建更快的 Web 应用程序的好方法,组件也可以很容易地重复使用,一个组件中可以包含多个较小的组件,使用 React 替代Vanilla JS 在 Web 上创建动态应用程序也更容易。