diff --git a/docs/examples/vue3-demo/App.vue b/docs/examples/vue3-demo/App.vue
new file mode 100644
index 00000000..28860647
--- /dev/null
+++ b/docs/examples/vue3-demo/App.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/examples/vue3-demo/README.md b/docs/examples/vue3-demo/README.md
new file mode 100644
index 00000000..2cce309d
--- /dev/null
+++ b/docs/examples/vue3-demo/README.md
@@ -0,0 +1,38 @@
+# Vue 3 `v-model` 示例
+
+本示例演示如何在 Vue 3 项目中使用 `@floatboat/nexus-vue` 的 `` 组件,并通过 `v-model` 实现 Markdown 内容与组件状态的双向绑定。
+
+## 完整代码
+
+```vue
+
+
+
+
+
+
+
+
+
\ No newline at end of file