Vue.js App.vue与Vuejs网页上其他组件之间的关系

我用webpack安装了vuejs

vue init webpack frontend

我在main.js上使用vue路由器

routes: [
  {
      path: '/',
      name: 'Home',
      component: HomeView
  },

App.vue就像这里一样

<template>
  <div>
    <div id='toparea'></div>
    <router-view></router-view>
    <div id='btmarea'></div>
  </div>
</template>

这里的文件结构

App.vue和HomeView.vue的关系是否为专利子关系？ 如何使用HomeVuer.vue中App.vue的数据

更具体地说：

我在App.vue上打印了一个变量，如下所示

<div id='toparea'>
    <span v-html="variable_foo"></span>
</div>

---

我想在HomeView.vue的HomeView.vue挂载步骤中进行更改。

App.vue和HomeView.vue之间没有特殊关系。App.vue用于根组件。HomeView是用于呈现页面的组件之一。此组件将在

上呈现。如果您在路由器上注册了一些组件，您可以通过

路由器视图查看它们

要传递道具，您可以检查以下内容：

也可以使用Vuex（）进行状态管理。App.vue和HomeView.vue可以与它共享它们的状态。
我发现App.vue显然是vuejs devtool中HomeView.vue的父项

这意味着路由器视图组件是主应用程序视图组件的子组件

仅供参考，新的
@vue/cli
v3比v2（您正在使用的版本）要好得多。这个问题对于StackOverflow来说有点太宽泛了，但一般来说。。。“是App.vue和HomeView.vue的亲子关系”感谢您的评论。换个名字更好吗？“如何在网页包默认模板下使用HomeVuer.vue中App.vue的数据？”这正是我想知道的。我使用vuex解决了这个问题。非常感谢。