【问题标题】：Proper wasy to handle data with Vuejs使用 Vue Js 处理数据的正确方法
【发布时间】：2018-03-30 17:33:14
【问题描述】：
所以帮助我理解一些事情。有关更多信息，我使用 Laravel 作为后端语言，使用 Vuejs 作为前端。
用户想要访问一个页面来查看一个特定的项目，该项目在我的控制器上点击了 show 方法。 show 方法加载与该项目有关的所有数据以显示在页面上。这个显示页面由许多不同的视图部分组成，其中一些部分是不同的 Vue 组件，它们将显示与项目有关的不同数据集。是直接通过 props 将所有数据传递给需要的不同 Vue 组件，还是直接将整个项目作为 prop 传入，然后在组件内部引用项目的属性？或者我应该传递项目 ID，然后使用项目 ID 获取该组件的特定数据的方法。
【问题讨论】：
标签：
laravel
vue.js
vuejs2
【解决方案1】：
我认为你提到的三种方法是完全有效的。这取决于您希望如何构建组件。
您要使用不了解“项目”结构的“愚蠢”或通用组件吗？然后你的主组件应该将相关的数据传递给子组件。
子组件是否特定于“项目”并且不能在其他任何地方重用？然后传递项目引用，每个组件获取他们感兴趣的数据片段也是一个很好的策略。
我可能会避免使用最后一个选项来避免多次服务器往返，但如果项目的特定部分需要花费大量时间来检索（例如子列表任务）。您可以将数据提取拆分为两个或三个调用，以使主视图快速呈现，而耗时的查询仍在执行并在可用时填充。