vuepress - 如何将 Vue-donut-chart 库添加到 Vuepress？

Question

我正在尝试使用此 Vue 库添加图表。我将依赖项添加到配置文件中。图书馆要求我们使用Vue.use(). 但我明白了Vue is undefined。有任何想法吗？

https://vuejsexamples.com/lightweight-vue-component-for-drawing-pure-css-donut-charts/

Answer 1

请使用应用级增强功能

https://vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements

下面的文字是从 Vuepress 文档中复制而来的：

应用级增强
由于 VuePress 应用是标准 Vue 应用，您可以通过创建文件 .vuepress/enhanceApp.js 来应用应用级增强，如果存在该文件，该文件将被导入到应用中。该文件应导出默认的钩子函数，该函数将接收包含一些应用程序级别值的对象。你可以使用这个钩子来安装额外的 Vue 插件，注册全局组件，或者添加额外的路由器钩子：

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {
  // ...apply enhancements to the app
}