Vue.js Vuepress-将组件添加到每个页面
与此相关的文档非常简短。我想向应用程序中的每个页面添加一个Vue组件,而不必在每个模板中手动声明它 我设法添加了一个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) }
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,但这很容易实现
。像往常一样按vuepress/components
.vuepress/config.js
中添加以下内容:
module.exports={
//配置的其余部分。。。
globalUIComponents:[
“您的组件”
]
}
甚至不需要导入组件有关更多信息,请参阅。这是一个老问题,可能只适用于V1,但这很容易实现
。像往常一样按vuepress/components
.vuepress/config.js
中添加以下内容:
module.exports={
//配置的其余部分。。。
globalUIComponents:[
“您的组件”
]
}
甚至不需要导入组件有关更多信息,请参阅。这正是我的问题。我不想手动将它添加到每个md文件中,但会自动添加到每个新页面中。哦,对了,我没有意识到这一点。我能想到的唯一方法是将其添加到Layout.vue中,您可以通过弹出Vuepress主题来访问该布局。但是,当Vuepress出现新版本时,您必须手动升级(或跳过升级)。您必须拥有大量页面!是的,我想我真的需要取消这个主题,从长远来看,这真的是个麻烦。是的,我有好几页:D无论如何,谢谢这正是我的问题。我不想手动将它添加到每个md文件中,但会自动添加到每个新页面中。哦,对了,我没有意识到这一点。我能想到的唯一方法是将其添加到Layout.vue中,您可以通过弹出Vuepress主题来访问该布局。但是,当Vuepress出现新版本时,您必须手动升级(或跳过升级)。您必须拥有大量页面!是的,我想我真的需要取消这个主题,从长远来看,这真的是个麻烦。是的,我有好几页:D无论如何,谢谢这更好。容易多了,这样更好。容易多了。