这是 Vue.js 中的 javascript 对象吗？答案

【问题标题】：Is this a javascript object in Vue.js?这是 Vue.js 中的 javascript 对象吗？
【发布时间】：2017-11-22 08:25:33
【问题描述】：

我经常在 Vue.js 教程中看到以下格式的代码，我想知道它是否是一个 javascript 对象。我现在正在检查 w3schoosl，似乎 javascript 对象是由变量定义的，而不是直接返回命令后跟括号。有人可以指导我正确的方向吗？谢谢！ :) 我正在尝试一一学习代码，有时会混淆某些东西是属于我正在使用的框架还是纯javascript。 :)

return {
        messages: [
          {
            message: 'Hey!',
            user: 'John Doe'
          },
          {
            message: 'Hello!',
            user: 'Jane Jennings'
          }
        ]
      }

【问题讨论】：

是的，该代码正在返回一个 JavaScript 对象。
如果你不知道是什么 - 寻找特定于框架的方法或变量（$ 通常是一个死的赠品）。如果你没有看到任何东西，那么它就是香草 JS。你发布的是香草。

标签： javascript arrays object vue.js

【解决方案1】：

您正在返回一个带有名为 messages 的属性的 javascript 对象，该属性又是一个包含多个对象的数组，每个对象用逗号分隔。

由于{ ... } 封装了一组属性，您可以判断它是一个对象。

// object
{
    property: 'value'
}

您可以看出message 属性是一个数组，因为[ ... ] 封装了一个项目列表，用逗号分隔。

message: [
    {}, // first object, notice the comma
    {}  // second object
]

【讨论】：

【解决方案2】：

这是一个普通的 javascript 对象。返回您所做的方式或分配给变量会产生相同的结果，它仍然是一个 javascript 对象。直接返回对象只是一个捷径，减少了代码量，产生相同的结果。

Vue 是使用 javascript 编写的，因此它也使用 javascript 对象。

【讨论】：