vue nuxt中如何使用vue-tour实现页面新手向导

Question

如题，在Nuxt项目中需要加入一个新手引导的功能，想使用 vue-tour

Answer 1

1、在plugins文件夹下建一个文件，vue-tour.js（名字可以任意起）

内容如下

import Vue from 'vue'
import VueTour from 'vue-tour'
require('vue-tour/dist/vue-tour.css')

Vue.use(VueTour)

2、在根目录的nuxt.config.js中，引入js文件

plugins: [ '@/plugins/vue-tour' ],

// or

plugins: [
  { src: '@/plugins/vue-tour' },
],

大功告成，再也不用每个页面分别引入了

---

参考

• How to configure it on Nuxt? #78
• vue中使用vue-tour实现页面新手向导