From 4c7b8941471f9e96d772f6bc9c13512126c4c916 Mon Sep 17 00:00:00 2001
From: Jeffrey <jeffrey.brignoli@gmail.com>
Date: Tue, 19 Apr 2022 14:22:19 +0200
Subject: [PATCH] Update quick-start.md

---
 src/guide/quick-start.md | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/guide/quick-start.md b/src/guide/quick-start.md
index dc01406bea..b1bb03e1a5 100644
--- a/src/guide/quick-start.md
+++ b/src/guide/quick-start.md
@@ -83,9 +83,29 @@ To get started with Vue without a build step, simply copy the following code int
   }).mount('#app')
 </script>
 ```
-
 The above example uses the global build of Vue where all APIs are exposed under the global `Vue` variable.
 
+To use **ref** or any vue 3 features, simply add **const { ref } = Vue** 
+
+
+```html
+<script src="https://unpkg.com/vue@3"></script>
+
+<div id="app">{{ message }} {{version}}</div>
+
+<script>
+  const { ref } = Vue
+  Vue.createApp({
+    setup(){
+      const version = ref(3)
+      const message = ref('Hello Vue')
+      return {message,version}
+    }
+  }).mount('#app')
+</script>
+```
+
+
 While the global build works, we will be primarily using [ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules) syntax throughout the rest of the documentation for consistency. In order to use Vue over native ES modules, use the following HTML instead:
 
 ```html