VueJS从父级访问子级组件的数据

我正在将vue-cli支架用于Webpack

我的Vue组件结构/层次结构当前如下所示:

  • 应用程式
    • PDF模板
      • 背景
      • 动态模板图片
      • 静态模板图片
      • 降价促销

在应用程序级别,我需要一个vuejs组件方法,该方法可以将所有子组件的数据聚合到一个可以发送到服务器的JSON对象中。

有没有办法访问子组件的数据?具体来说,多层深?

如果不是,传递可观察的数据/参数的最佳实践是什么,以便在被子组件修改后可以访问新值?我正在尝试避免组件之间的硬依赖性,因此,到目前为止,使用组件属性传递的唯一内容是初始化值。

更新:

可靠的答案。查看两个答案后,我发现有帮助的资源: