Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vuepress-将组件添加到每个页面_Vue.js_Vuepress - Fatal编程技术网

Vue.js Vuepress-将组件添加到每个页面

Vue.js Vuepress-将组件添加到每个页面,vue.js,vuepress,Vue.js,Vuepress,与此相关的文档非常简短。我想向应用程序中的每个页面添加一个Vue组件,而不必在每个模板中手动声明它 我设法添加了一个enhanceApp.js文件并将其添加到其中: import MyComponent from './components/my-component' export default ({ Vue, options, router, siteData }) => { Vue.component('MyComponent', MyComponent) }

与此相关的文档非常简短。我想向应用程序中的每个页面添加一个Vue组件,而不必在每个模板中手动声明它

我设法添加了一个
enhanceApp.js
文件并将其添加到其中:

import MyComponent from './components/my-component'

export default ({
  Vue,
  options,
  router,
  siteData
}) => {
  Vue.component('MyComponent', MyComponent)
}

应用程序正在运行,但我在任何地方都看不到该组件。有什么建议或其他方法可以做到这一点吗?谢谢

您不需要将其放入
enhanceApp.js
,只需将组件放入
/.vuepress/components
即可

不过,如果您想将它们保留在该文件夹之外,这可能是让Vuepress了解它们的方法

在md文件中使用它,就像在Vue模板中一样


您不需要将其放入
enhanceApp.js
,只需将组件放入
/。vuepress/components
就足够了

不过,如果您想将它们保留在该文件夹之外,这可能是让Vuepress了解它们的方法

在md文件中使用它,就像在Vue模板中一样


这是一个老问题,可能只适用于V1,但这很容易实现

  • 将您的Vue组件添加到
    。像往常一样按vuepress/components
  • .vuepress/config.js
    中添加以下内容:
    module.exports={
    //配置的其余部分。。。
    globalUIComponents:[
    “您的组件”
    ]
    }
    
    甚至不需要导入组件

  • 有关更多信息,请参阅。

    这是一个老问题,可能只适用于V1,但这很容易实现

  • 将您的Vue组件添加到
    。像往常一样按vuepress/components
  • .vuepress/config.js
    中添加以下内容:
    module.exports={
    //配置的其余部分。。。
    globalUIComponents:[
    “您的组件”
    ]
    }
    
    甚至不需要导入组件

  • 有关更多信息,请参阅。

    这正是我的问题。我不想手动将它添加到每个md文件中,但会自动添加到每个新页面中。哦,对了,我没有意识到这一点。我能想到的唯一方法是将其添加到Layout.vue中,您可以通过弹出Vuepress主题来访问该布局。但是,当Vuepress出现新版本时,您必须手动升级(或跳过升级)。您必须拥有大量页面!是的,我想我真的需要取消这个主题,从长远来看,这真的是个麻烦。是的,我有好几页:D无论如何,谢谢这正是我的问题。我不想手动将它添加到每个md文件中,但会自动添加到每个新页面中。哦,对了,我没有意识到这一点。我能想到的唯一方法是将其添加到Layout.vue中,您可以通过弹出Vuepress主题来访问该布局。但是,当Vuepress出现新版本时,您必须手动升级(或跳过升级)。您必须拥有大量页面!是的,我想我真的需要取消这个主题,从长远来看,这真的是个麻烦。是的,我有好几页:D无论如何,谢谢这更好。容易多了,这样更好。容易多了。