vue点击切换类名_vue 新用户引导（vue-dirver）

最近公司经理让我在项目上做一个新用户引导，讲真这玩意我只在APP上看见过，网页上没啥功能啊，还需要引导！ 没办法，刚它！！！

在网上查了点资料 Vue 基本上都是 intro.js 和 driver.js 两个插件

这两个插件intro.js 好像是比driver.js 要出名这么一丢丢，我个人还是推荐dirver.js intor.js 在路由切换以后遮罩层就会叠加一层叠在一起就跟Av画质一样，后面都看不见，intro.js支持的dirver.js都支持，主要dirver.js 简单粗暴适合硬撸，所以还是选择dirver.js YY一下（我一直为没有搞懂这两个插件在githun 项目演示为什么不把文档做成引导的来讲解文档，这样多方便也符合插件本身）

npm 安装： npm install driver.js

yarn 安装 ：yarn add driver.js

这里我们直接在mian.js 里面配置，我感觉做个都不可能只是在一个也main引导，其他也页面也要引导，

main.js 配置：

import Vue from "vue"
import Driver from "driver.js"
import "driver.js/dist/driver.min.css"

直接封装一下：

Vue.prototype.$Driver = new Driver({

classname:“scoped class”，// 为你的指示模块添加类名 如果你要取消 某一个按钮（比如：“上一步””下一步“，”完成“）的 这个类名还是要加上的

animate:true，//在更改突出显示的元素时设置动画

不透明度：0.75，//背景不透明度（0表示只有弹出窗口，没有覆盖）

padding:1