Плагин

1. Створюемо в разі відсутності в корні проекту, наприклад, папку …\src\helpers.

2. Створюемо в папке helpers файл плагину, наприклад, common-helpers.js (…\src\helpers\common-helpers.js):

export default {
  install: (Vue) => {
    Vue.prototype.$helpers = {
      sleep (mSec) { // Пауза
        const startTime = new Date()
        while (true) {
          if (new Date() - startTime >= mSec) { break }
        }
      }
    }
  }
}

3. В файлі проекту …\src\main.js вмикаємо файл плагину перед створенням екземпляру Vue:

  //...
  import commonHelpers from './helpers/common-helpers.js'
  Vue.use(commonHelpers)
  //...

4. Далі, в потрібних випадках використовуйсте визов функцій які експортує плагин, наприклад :

  //...
  this.$helpers.sleep(3000)
  //...

Налаштування сторінки