主体通过绑定事件，索引的利用，v-for的数组遍历，来实现的切换效果。具体细节看代码段的解释，根据个人所需去了解一下，更多的是入门理解其中的细思。主体的布局根据个人的喜好，这里我只进行了简单的布局。其中也用到了浮动，和清除浮动。主要让展现的效果好看一些。具体样式还是根据个人。填充的内容以数组的形势来给到想要给的地方，可以给每一个内容都取一个固定的id，在后续可以提高性能，currentIndex:

此篇文章纯代码较多，细节解释，今后会出更加详细的解释。

首页都会提供一个搜索框给到客户，让客户自己去搜索自己想要的内容，这里就需要导航栏，来实现搜索页面的跳转，效果如下。

本次主要内容是介绍页面tab的开发，如何实现tab与页面内容联动呢？关注我就知道！本次效果展示。这里有一个大坑，不管是使用scroll-x还是scroll-y遍历数据都是出现在左边一数列（这里我们只关注scroll-x、scroll-y）

在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab