From a112df5e2b6e8002d882b1e1c47eccca6b979753 Mon Sep 17 00:00:00 2001
From: Amour1688 <lcz_1996@foxmail.com>
Date: Mon, 14 Sep 2020 09:50:24 +0800
Subject: [PATCH] fix: should use `createApp` instead of `new Vue()`

---
 src/guide/render-function.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/guide/render-function.md b/src/guide/render-function.md
index 975c3ea039..26af969dd3 100644
--- a/src/guide/render-function.md
+++ b/src/guide/render-function.md
@@ -414,8 +414,7 @@ That's why there's a [Babel plugin](https://github.com/vuejs/jsx) to use JSX wit
 ```jsx
 import AnchoredHeading from './AnchoredHeading.vue'
 
-new Vue({
-  el: '#demo',
+const app = createApp({
   render() {
     return (
       <AnchoredHeading level={1}>
@@ -424,6 +423,8 @@ new Vue({
     )
   }
 })
+
+app.mount('#demo')
 ```
 
 For more on how JSX maps to JavaScript, see the [usage docs](https://github.com/vuejs/jsx#installation).