javascript - 在没有根 vue js 文件的情况下将插件添加到 vu 实例作为“Vue.use()”

Question

我正在做一个 Directus 项目。Directus 是一个用 PHP 和 Vue.js 制作的无头 CMS。

我想在自定义页面上使用主题或插件，例如 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>

在此示例中，插件已安装并在子组件中调用。