Vue.js 2 关于数据加载的困惑答案

【问题标题】：Vue.js 2 Confusion about data loadVue.js 2 关于数据加载的困惑
【发布时间】：2018-02-05 04:00:38
【问题描述】：

我是 Vue 的新手。我正在开发一个 Vue.js 2.x 应用程序，其中我有通常的 Vue 实例，其中包含所有方法、数据和其他属性。

例如，我在数据中有以下属性：

data: {
   users: []
}

在/admin 页面中，我使用Vue 通过loadUsers(5) 方法仅加载五个用户。我在 created 钩子的哪个位置调用this.users = this.loadUsers(5);。

但在/users 页面中，我将所有用户加载到同一个users 变量中。对吧？

我使用的是 PHP 框架的路由器，而不是 Vue 路由器。

我应该如何区分不同页面的不同数据？

【问题讨论】：

与您的问题无关，但您需要将data 声明为函数。 data () { return { users: [] } } 那样。 vuejs.org/v2/guide/components.html#data-Must-Be-a-Function
我忘了告诉我我正在阅读有关组件的信息。所以..我应该使用组件，对吧？我会在那个 URL 中阅读更多内容。谢谢。
是的，完美，我正在写一个关于组件的答案。我给你放了几个链接。
这就是我试图找到的解决方案。我之前没有找到他们。因此，我正在写“谢谢”，但我可以在这里写...谢谢。

【解决方案1】：

您可以为每页创建单独的Components。它们有几个不同的品种，Single File、Local 和 inline。

我自己经常选择单个文件。我喜欢他们带来的分离和组织。随着您进一步了解Dynamic。这些是很好的换入和换出页面的一部分，但您不受手段的限制。

【讨论】：