vue吸顶导航栏_vue2组件系列第四十二节：NavBar 导航栏

NavBar就是程序顶部的内容，相当于网站里的面包屑的作用。

准备工作：

1. 创建一个页面: NavBar.vue
2. 在router.js里配置NavBar页面的路由

{ path: '/navbar', name: 'navbar', component: () => import('./views/NavBar.vue') }

1. 在index.vue里添加一项

NavBar 导航栏

至今为止呢，我们的首页显示的样式子是这样滴〜不知道不觉间我们已经学完了38个组件了！哇噢，为自己欢呼一下吧！如果想看更多的内容，欢迎关注我，每天都有更新哈。

代码演示NavBar 导航栏：

基础方法：

import { Toast } from 'vant';clickLeft() { Toast("你按了返回键") }, clickRight() { Toast("你按了按钮键") },