用Vue框架实现一个tab栏，切换不同的图片。，前端混合开发

2.vue2.0版本是2016年发布的！

3.还有一大堆的指令这里我就不一一的给大家描述了，如果大家感兴趣的话，可以去vue的官方网站看看，Vue官网地址。

4.现在我们直接进入正题，首先给大家看看这个tab切换栏的案例。

1.说到tab栏切换，相信大家都知道是怎么一回事吧，就是切换点击上面的选项卡，下面的图片也跟着切换。

2.tab栏的切换可以用原生JS去实现，也可以通过jQuery实现。但是今天我要使用vue去实现它，我觉得无论是使用原生JS还是jquery，都会去操作DOM元素。而操作DOM不利于JavaScript性能的优化。

5.我们项目中需要使用vue，因此我们需要先引入vue.js。这个大家可以去官网上下载！现在给大家看看我引入vue的模板。