diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index aed5efafb..b463144b1 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -33,13 +33,14 @@ The easiest way to use Vant is to include a CDN link in the html file, after whi
template: `Button`,
});
app.use(vant);
- app.mount('#app');
+
+ // Register Lazyload directive
+ app.use(vant.Lazyload);
// Call function component
vant.Toast('Message');
- // Register Lazyload directive
- app.use(vant.Lazyload);
+ app.mount('#app');
```
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 742851091..8feda2e85 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -39,14 +39,15 @@ npm i vant@next -S
template: `按钮`,
});
app.use(vant);
- app.mount('#app');
-
- // 调用函数组件,弹出一个 Toast
- vant.Toast('提示');
// 通过 CDN 引入时不会自动注册 Lazyload 组件
// 可以通过下面的方式手动注册
app.use(vant.Lazyload);
+
+ // 调用函数组件,弹出一个 Toast
+ vant.Toast('提示');
+
+ app.mount('#app');
```
@@ -153,6 +154,12 @@ app.use(Vant);
## 常见问题
+### 在 Vite 中如何按需引入组件?
+
+在 Vite 中无须考虑按需引入的问题。Vite 在构建代码时,会自动通过 Tree Shaking 移除未使用的 ESM 模块。而 Vant 3.0 内部所有模块都是基于 ESM 编写的,天然具备按需引入的能力。
+
+现阶段遗留的问题是,未使用的组件样式无法被 Tree Shaking 识别并移除,后续我们会考虑通过 Vite 插件的方式进行支持。
+
### 在 HTML 中无法正确渲染组件?
在 HTML 中使用 Vant 组件时,你可能会碰到部分示例代码无法正确渲染的情况,比如下面的用法: