如何在 Vuepress 中使用 Vue 插件？

Posted 2023-02-22

【中文标题】如何在 Vuepress 中使用 Vue 插件？

【英文标题】：How to use a Vue plugin to Vuepress?

【发布时间】：2019-04-23 07:43:17

【问题描述】：

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

【问题讨论】：

你能解决这个问题吗？

【参考方案1】：

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

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

这里是一个link 到enhancedApp.js 文件中的文档。

这是一个引入 Vuetify 的示例。

// .vuepress/enhanceApp.js

import Vuetify from 'vuetify'

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

【参考方案2】：

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

For more information see this doc.