课程目录 day1视频： 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod

主要介绍了vue.js实现标签页切换效果，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

第二个实例是关于标签页切换的，先看一下效果： 这也是一个很常见的交互效果，以往正常的javascr ipt写法是给各个按钮绑定事件来切换不同的层，当然也可以用纯css写，给上面的三个切换的层分别添加一个单选按钮的兄弟节点，再用绝对定位把单选按钮定位在三个button上面，这样就可以用:checked伪类来单选按钮的兄弟元素，即对应的不同的层，我简单的写了一下DOM结构，大概就是这样： 那么用vue.js实现上述的效果，其实也有两种途径，一种使用vue-router，vue-router是vu

无限小工作 一些无限小的工作 第一个练习：使用fetch和API去完成天气的显示 通过天气API获取几个城市的天气情况并且可以通过按钮进行切换 把城市的天气信息包裹到fetch方法中去进行请求 进阶玩法：切换城市的时候进行做一个翻牌效果（使用transform3d 第二个练习：实现tab效果的切换 通过这个练习的同时也学习Vue Router的原理 额外要求：每当点击一个tab时，url要进行变化和按需渲染 额外要求2：tab栏换到开头 第三个练习：带有输入提示的输入 输入内容会去查提示词并提供

无限小工作 一些无限小的工作 第一个练习：使用fetch和API去完成天气的显示 通过天气API获取几个城市的天气情况并且可以通过按钮进行切换 把城市的天气信息包裹到fetch方法中去进行请求 进阶玩法：切换城市的时候进行做一个翻牌效果（使用transform3d 第二个练习：实现tab效果的切换 通过这个练习的同时也学习Vue Router的原理 额外要求：每当点击一个tab时，url要进行变化和按需渲染 额外要求2：tab栏换到开头 第三个练习：带有输入提示的输入 输入内容会去查提示词并提供