From 3c761cec1ed43f6f481686444e462eb2011b3927 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 14 Sep 2019 11:10:23 +0800
Subject: [PATCH] docs(quickstart): update cdn guide (#4456)

---
 docs/markdown/quickstart.en-US.md | 18 ++++++++++--------
 docs/markdown/quickstart.zh-CN.md | 20 +++++++++++---------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index 2bcd33712..c9d31cc93 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -93,23 +93,25 @@ Vue.use(Vant);
 
 ### 4. CDN
 
+The easiest way to use Vant is to include a CDN link in the html file, after which you can access all components via the global variable `vant`.
+
 ```html
 <!-- import style -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
 
 <!-- import script -->
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
 
 <script>
-var Vue = window.Vue;
-var vant = window.vant;
+  // Render the Button component
+  new Vue({
+    el: '#app',
+    template: `<van-button>Button</van-button>`
+  });
 
-// Register Lazyload component
-Vue.use(vant.Lazyload);
-
-// Call function components
-vant.Toast('message');
+  // Call function component
+  vant.Toast('Message');
 </script>
 ```
 
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 46fc5a2b3..5d0cd3f9a 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -98,23 +98,25 @@ Vue.use(Vant);
 
 ### 方式四. 通过 CDN 引入
 
+使用 Vant 最简单的方法是直接在 html 文件中引入 CDN 链接，之后你可以通过全局变量`vant`访问到所有组件。
+
 ```html
-<!-- 引入样式 -->
+<!-- 引入样式文件 -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
 
-<!-- 引入组件 -->
+<!-- 引入 Vue 和 Vant 的 JS 文件 -->
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
 
 <script>
-var Vue = window.Vue;
-var vant = window.vant;
+  // 在 #app 标签下渲染一个按钮组件
+  new Vue({
+    el: '#app',
+    template: `<van-button>按钮</van-button>`
+  });
 
-// 注册 Lazyload 组件
-Vue.use(vant.Lazyload);
-
-// 调用函数式组件
-vant.Toast('提示');
+  // 调用函数组件，弹出一个 Toast
+  vant.Toast('提示');
 </script>
 ```