Добавьте плагин к vu Instance как "Vue .use ()" без файла root vue js

Question

Я работаю над проектом Directus. Directus - это безголовая CMS, созданная в PHP и Vue. js.

. Я хотел бы использовать тему или плагин, например Vuetify, на пользовательской странице. Плагин часто называют так:

import Vue from 'vue'; // Something like that

Vue.use(...)

Но у меня нет доступа к файлу, в котором создается экземпляр Vue.

Знаете ли вы, можно ли добавлять плагины и темы из дочерних файлов проекта? Как?

Заранее благодарю вас за ваши будущие ответы !!

Сердечно,

Николас

Answer 1

Да, вы можете добавлять плагины после создания экземпляра Vue.

См. Приведенный ниже пример:

<template>
  <div>
    <button type="button" @click="installPlugin">install plugin</button>
    <button type="button" @click="callPlugin">call plugin</button>
  </div>
</template>

<script>
export default {
  name: 'app',
  methods: {
    installPlugin() {
      this.$root.constructor.use({
        install(Vue, options) {
          console.log('plugin was installed');
          Vue.prototype.$test = () => console.log('plugin was called');
        },
      });
    },
    callPlugin() {
      this.$test();
    },
  },
};
</script>

В этом примере плагин был установлен и вызван в дочерний компонент.