@@ -60,6 +60,7 @@ Here's how they each work:
### `x-data`
**Example:** `<div x-data="{ foo: 'bar' }">...</div>`
+
**Structure:** `<div x-data="[JSON data object]">...</div>`
`x-data` declares a new component scope. It tells the framework to initialize a new component with the following data object.