本篇文章主要介绍了vue.js移动端导航navigationbar的封装，具有一定的参考价值，有兴趣的可以了解一下

有几天没更新了，这几天上海天气比较热，天气一热就懒得写了。今天感觉还好，就写下导航部分的封装吧。 关于环境搭建和底部tabbar的封装请参考前面的两篇文章 web app和移动端原生app的构架方式不一样的，页面的切换是对整个页面的重新渲染。所以我们每个页面都有自己的导航条。 下面简单封装下导航条 html部分 此处写的导航的三个部分，分别是左边div、中间的title部分div、右边div。代码如下 <div