javascript - Vue.js 2 关于数据加载的困惑

Question

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

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

data: {
   users: []
}

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

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

I am using a PHP framework's router, not Vue Router.

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

Answer 1

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

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