在 Vue 项目中 vue-introjs 的安装与使用

一、安装

vue-introjs 是在 Vue 中绑定 intro.js 所使用的。vue-introjs 中没有内置 intro.js，所以在使用前请确保已安装 intro.js。

npm i intro.js
npm i vue-introjs

与 vue-cli 和 Webpack 一起使用

// webpack.base.conf.js 和 webpack.prod.conf.js 文件中添加插件
{
    plugins: [
        new webpack.ProvidePlugin({
            // other modules
            introJs: ['intro.js']
        })
    ]
}

安装了 intro.js 之后，webpack.ProvidePlugin 将会使用它，所以不需要在 src/main.js 中使用 import introJs from 'intro.js' 来引用。

// main.js 文件中引入插件和样式
import VueIntro from 'vue-introjs'
Vue.use(VueIntro)

import 'intro.js/introjs.css';

二、使用
详细的使用此处不再赘述，点击该链接进入 vue-introjs 的 github 页面