Vant3手机端开发中导航栏的应用

Vant 是一个轻量、可靠的移动端组件库。在手机端应用开发比较常用。

在手机端的单页面开发中，一般的主页面是采用如下结构来实现：

即由三部分组成：

• 顶部导航栏
• router-view
• 底部导航栏

在导航栏的使用中，需要注意的是：

• 固定
• 占位

Vant3 提供了如下组件来支持：

• NavBar - 顶部导航栏
• Tabbar - 底部导航栏

这两个组件均提供了固定和占位的属性：

通常的代码如下：

<van-nav-bar :fixed="true" :placeholder="true">
    
<van-tabbar v-model="active" :fixed="true" :placeholder="true">