2017-06-20 38 views
-1

我在Vue.js教程中看到了以下代码格式,并且很想知道它是否是JavaScript对象。我现在正在检查w3schoosl,看起来javascript对象是由变量定义的,而不是直接返回命令后面跟着括号。有人能以正确的方向引导我吗?谢谢! :)我试图逐个学习代码,有时候我很困惑,不管是属于我使用的框架还是普通的javascript。 :)这是一个Vue.js中的JavaScript对象吗?

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

是的,该代码正在返回一个JavaScript对象。 – ceejayoz

+1

如果你不能说出什么是什么 - 寻找框架特定的方法或变量('$'通常是一个死亡的赠品)。如果你没有看到,那么它是香草JS。你发布的是香草。 – Adam

回答

3

您正在返回一个名为messages的属性的javascript对象,该属性反过来是一个包含多个对象的数组,每个对象都以逗号分隔。

因为封装了一组属性的{ ... },您可以告诉它是一个对象。

// object 
{ 
    property: 'value' 
} 

你可以告诉大家的message财产是因为封装项目的列表[ ... ]的数组,用逗号分隔。

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

它等于

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

return obj 

更多关于对象在here

3

这是一个纯javascript对象。返回你做的或分配给变量的方式产生相同的结果,它仍然是一个javascript对象。直接返回对象只是一个捷径,并减少了代码量,产生了相同的结果。

Vue是使用JavaScript编写的,因此它也使用JavaScript对象。

相关问题