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

Question

关于此的文档很短。我想在应用程序的每个页面中添加一个Vue组件，而不必在每个模板中手动声明它。

我设法添加一个public void ConfigureServices(IServiceCollection services) { services .AddMvc(options => { options.Filters.Add(new AddHeaderAttribute("Author", "HaBo")); // an instance options.Filters.Add(typeof(SmartActionFilter)); // by type // options.Filters.Add(new SampleGlobalActionFilter()); // an instance }) .SetCompatibilityVersion(CompatibilityVersion.Version_2_1) .AddJsonOptions(options => { options.SerializerSettings.ContractResolver = new DefaultContractResolver(); options.SerializerSettings.NullValueHandling = NullValueHandling.Ignore; }); } 文件并将其添加到其中：

enhanceApp.js

该应用程序正在运行，但我在任何地方都看不到该组件。有什么提示或其他方式可以实现这一目标吗？谢谢！

Answer 1

您无需将其放在enhanceApp.js中，只需将组件放在/.vuepress/components中即可。

尽管，如果要将它们保留在该文件夹之外，则可能是让Vuepress了解它们的方法。

与在Vue模板中一样，在md文件中使用它

<MyComponent></MyComponent>

Answer 2

这是一个古老的问题，可能仅适用于V1，但这很容易实现。

1. 照常将您的Vue组件添加到.vuepress/components
2. 在.vuepress/config.js中添加以下内容：

   module.exports = {
   
     // rest of config...
   
     globalUIComponents: [
       'YourComponent'
     ]
   }
   

   甚至不需要导入您的组件。

有关更多信息，请参见docs。