vue.js - 如何在 Vuepress 中使用 Vue 插件？

Question

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

Answer 1

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

创建一个 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 插件。

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