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

Question

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

Answer 1

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

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

这是一个 link到enhanceApp.js 文件上的文档。

这是一个引入 Vuetify 的例子。

// .vuepress/enhanceApp.js

import Vuetify from 'vuetify'

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