vue 新手引导页功能

背景：项目中 需要添加 新手引导页功能，效果如下图：

解决方法：vue + vue-intro + intro.js

1.安装依赖

npm i vue-introjs
npm i intro.js复制代码

2.修改 webpack 文件

   在 webpack.dev.conf.js  webpack.prod.conf.js下的 plugins 分别加入

new webpack.ProvidePlugin({
  introJs: ['intro.js', 'introJs']
})复制代码

3. main.js 中引入

import VueIntro from 'vue-introjs'Vue.use(VueIntro);import