Svelte3如何创建自定义Navbar Tabbr插件？

本文共计1572个文字，预计阅读时间需要7分钟。

基于 Svelte3 自定义组件 Navbar 和 Tabbar，实现沉浸式导航条或底部悬浮菜单栏，Svelte 构建全新用户界面的框架。相较于当下热门的 Vue 和 React，在浏览器中实现相同功能需要大量工作，而 Svelte 则将这部分工作简化。

基于Svelte3自定义组件Navbar+Tabbar沉浸式导航条|底部凸起菜单栏

Svelte 一种全新的构建用户界面的框架。当下热门的 Vue 和 React 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。

svelte编写的程序具有 更少的代码量、无虚拟DOM、内置响应式反应能力 等特性。

◆ 准备

svelte构建的项目，结构简单清晰。在lib目录下新建Headerbar和Tabbar组件。

在公共模板 __layout.svelte 页面或者需要用到组件的页面引入组件。