如何在 Vuepress 中使用 Vue 插件？

Question

例如，我想将https://github.com/Akryum/v-tooltip工具提示插件添加到我的 Vuepress 项目中。它要求我们做Vue.use，不知道该怎么做，因为我得到“Vue”未定义。

Answer 1

您要做的是扩展 Vue 的实例。

创建一个 EnhanceApp.js 文件。然后，您将可以访问 Vuepress 正在使用的 Vue 实例并能够对其进行扩展。

这是enhanceApp.js 文件中文档的链接。

这是一个引入 Vuetify 的例子。

// .vuepress/enhanceApp.js

import Vuetify from 'vuetify'

export default ({
    Vue,
    options,
    router,
    siteData
}) => {
    Vue.use(Vuetify)
    options.vuetify = new Vuetify({});
}

Answer 2

实际上，您可以通过编辑.vuepress/config.js和传递plugins由插件名称或 require 语句组成的数组来安装 Vue 插件。

有关更多信息，请参阅此文档。