vue-introjs在项目中的使用

intro.js是一个基于Vue.js的简单的引导页，可以用来展示项目的简介，欢迎页面，以及登录页面等等。

在项目中使用vue-introjs，可以制作出用户引导功能，使功能更加友好。

在项目中引入vue-introjs.js文件，并在页面中引入vue-introjs.css文件，然后在对应的需要提示的标签上使用v-intro，v-intro-position，和v-intro-step来控制。

• 本文仅仅是一个简单的示例，如果需要更多的提示功能，可以参考intro.js的官方文档，或者自己实现。

  1.安装

  npm install vue-introjs --save

  2.引入

  import VueIntro from 'vue-introjs'
  Vue.use(VueIntro);
  import 'intro.js/introjs.css';

  3.例子

  <div 
    v-intro="'Edit Project\'s Name Here'"
    v-intro-position="'bottom'"
    >
    123
    </div>

  4.效果