结构：放置导航栏组件（Vue / React）的位置

Question

我对Vue或React（我正在使用Vue）等框架中的组件有一个快速问题：

我正在构建一个带有导航栏的相对简单的Web应用程序，该导航栏在所有页面上都可见 。

您将导航栏组件放在哪里？ 在每一页上 ？ 还是在加载所有子组件的主父页面上只有一次 ？

Answer 1

您好，您可以从任何地方调用组件，只需在components文件夹中的单独文件中创建组件。 （mycomponent.vue）

<template>
<h1>I am a component</h1>
</template>

然后在您看来，您需要使用以下命令导入该组件：

import mycomponent from './mycomponent.vue'

最后，您只需要像这样在您的实例中声明它。

export default {
  components: {
    mycomponent
  },
  // ...
}

如果执行此操作，您将能够在视图中使用此标签来打印h1。

<mycomponent></mycomponent>

就像您创建自己的html标签一样。

这非常简单，打招呼，希望它对您的导航栏没有帮助，而不是H1。