推荐一个基于Vue VuescrollGitHub的滚动条地址:vuescroll我曾经接触过一个叫H 的后端管理系统，偶尔发现它用的是左侧菜单，没有滚动条，于是仔细看了一下dom，发现H 的左侧菜单旁边有一个小DIV。我拖动它，菜单实际上可以滚动。我明白了。这是一个虚拟滚动条。我觉得这样挺好的。后来我查了一下这个虚拟滚动条的源代码，发现是一个基于jquery的库，叫做SlimScroll。
2、20《Vue入门教程》Vue 插件本节我们将介绍Vue的插件。包括什么是插件，如何使用插件，以及如何写一个简单的插件。其中，编写和使用插件是本节的重点。在本节中，我们将引导您编写一个简单的插件示例。同学们学完这一节可以尝试写其他插件来加深学习。Vue 插件是Vue全局功能的扩展。它可以向Vue添加全局方法、属性、组件、过滤器、指令等等。通过全局方法Vue.use()使用插件
Vue.js提供的一些插件(例如vuerouter)在检测到Vue是可访问的全局变量时会自动调用Vue.use()。但是，在CommonJS这样的模块化环境中，应该总是显式调用vue。use():awesomevue是社区贡献的插件和库的集合。Vue.js的插件应该公开一个安装方法。
3、用 vue写一个轮播图效果1。原理在轮播图数组dataList中，定义一个变量currentIndex0表示第一张图片，默认渲染第一张图片，即dataList使用vue制作锤子官方商城的3dbanner效果，使用js获取鼠标指针的位置，根据位置计算偏转角度，通过在css中设置transform的perspective/rotateX/rotateY使banner呈现3d偏转效果。首先写一个div，给他一些基本的风格。然后，引入vue，生成一个例子。定义数据中X轴和Y轴的偏转角度，定义计算出来的计算属性中生成具体css语句的函数，在方法中编写横幅中鼠标移动事件对应的函数，定义鼠标离开横幅事件对应的函数(即数据中角度值归零)。接下来，
发现基本达到了效果。为了使鼠标离开时横幅恢复到原始状态的过程更加流畅，给横幅添加了过渡。预览。但是我发现在锤子官方商城的效果中，banner中的文字和背景偏转角度不一样，感觉不在一个平面上。我猜应该是基于不同的视角。有机会我会再测试一遍。
4、 vue中鼠标移入停止轮播移出开始轮播(swiper5/*添加移入和移出事件*/。
