以前都是看大神们写的博客，现在自己也想试一试，(*^▽^*) 第一次写博客，感觉好激动啊，不知道先写点啥，哈哈 突然想学习Vue了，就先做个小demo吧！！！ css样式： html内容： js内容： 博客现在玩的不是很6，我得好 ...

...

1、在网页制作过程中，我们经常会用到选项卡切换效果，它能够让我们的网页在交互和布局上都能得到提升 原理：在布局好选项卡的HTML结构后，我们可以看的出来，选项卡实际上是三个选项卡标头和三个对应的版块，如下图，是三个标头分别是教育，娱乐，汽车，当我 ...

　初始状态，只展示tab1的内容 　　 　点击tab2，只展示tab2的内容 　　 　 　通过原生js实现tab切换，首先讲解一下实现的原理。 　　　　1.点击按钮首先给这个被点击的按钮添加一个active类，给点击的改变背景色 　　　　2.点击按钮其实就是把相应的div ...

...

使用JQuery实现选项卡切换：触发添加和删除类名！ html代码 　　　　　　　　　　　　<div> <div class="ig"> src ...

最终效果图（鼠标无操作会自动切换选项卡）： ...

tab选项卡切换效果： 通过点击事件传入参数，然后通过v-show来进行切换显示 当我们选项卡增多的时候，代码量也会增大，所以我们可以使用v-for来优化一下代码： ...