Vant3手机端开发中导航栏的应用
Vant 是一个轻量、可靠的移动端组件库。在手机端应用开发比较常用。
在手机端的单页面开发中，一般的主页面是采用如下结构来实现：
即由三部分组成：
- 顶部导航栏
- router-view
- 底部导航栏
在导航栏的使用中，需要注意的是：
- 固定
- 占位
Vant3 提供了如下组件来支持：
- NavBar - 顶部导航栏
- Tabbar - 底部导航栏
这两个组件均提供了固定和占位的属性：
参数 | 说明 | 类型 |
fixed | 是否固定在顶部/底部 | boolean |
placeholder | 固定在顶部/底部时，是否在标签位置生成一个等高的占位元素 | boolean |
通常的代码如下：
<van-nav-bar :fixed="true" :placeholder="true">
<van-tabbar v-model="active" :fixed="true" :placeholder="true">