2017-06-20 39 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對象。

相關問題