From 35d5e7950ba9e47abcf7db4aef8f0b1ecda5d5f5 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 24 Aug 2020 11:45:17 -0400
Subject: [PATCH] Add vue data binding tip

---
 docs/getting-started/usage.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/getting-started/usage.md b/docs/getting-started/usage.md
index d6caf33d8..347734a49 100644
--- a/docs/getting-started/usage.md
+++ b/docs/getting-started/usage.md
@@ -178,6 +178,14 @@ Vue.config.ignoredElements = [/^sl-/];
 new Vue({ ... });
 ```
 
+### Binding Complex Data
+
+When binding complex data such as objects and arrays, use the `.prop` modifier to make Vue bind them as a property instead of an attribute.
+
+```html
+<sl-color-picker :swatches.prop="mySwatches" />
+```
+
 ### Two-way Binding
 
 One caveat is there's currently [no support for v-model on custom elements](https://github.com/vuejs/vue/issues/7830), but you can still achieve two-way binding manually.