docs: add vite faq

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: `<van-button>Button</van-button>`,
   });
   app.use(vant);
-  app.mount('#app');
+
+  // Register Lazyload directive
+  app.use(vant.Lazyload);
 
   // Call function component
   vant.Toast('Message');
 
-  // Register Lazyload directive
+  app.mount('#app');
-  app.use(vant.Lazyload);
 </script>
 ```
 

docs/markdown/quickstart.zh-CN.md

@@ -39,14 +39,15 @@ npm i vant@next -S
     template: `<van-button>按钮</van-button>`,
   });
   app.use(vant);
-  app.mount('#app');
-
-  // 调用函数组件，弹出一个 Toast
-  vant.Toast('提示');
 
   // 通过 CDN 引入时不会自动注册 Lazyload 组件
   // 可以通过下面的方式手动注册
   app.use(vant.Lazyload);
+
+  // 调用函数组件，弹出一个 Toast
+  vant.Toast('提示');
+
+  app.mount('#app');
 </script>
 ```
 
@@ -153,6 +154,12 @@ app.use(Vant);
 
 ## 常见问题
 
+### 在 Vite 中如何按需引入组件？
+
+在 Vite 中无须考虑按需引入的问题。Vite 在构建代码时，会自动通过 Tree Shaking 移除未使用的 ESM 模块。而 Vant 3.0 内部所有模块都是基于 ESM 编写的，天然具备按需引入的能力。
+
+现阶段遗留的问题是，未使用的组件样式无法被 Tree Shaking 识别并移除，后续我们会考虑通过 Vite 插件的方式进行支持。
+
 ### 在 HTML 中无法正确渲染组件？
 
 在 HTML 中使用 Vant 组件时，你可能会碰到部分示例代码无法正确渲染的情况，比如下面的用法：