diff --git a/packages/@vuepress/core/lib/app/components/Content.js b/packages/@vuepress/core/lib/app/components/Content.js
index a60336c7f7..0baaf0d108 100644
--- a/packages/@vuepress/core/lib/app/components/Content.js
+++ b/packages/@vuepress/core/lib/app/components/Content.js
@@ -19,7 +19,7 @@ export default {
         class: [data.class, data.staticClass],
         style: data.style,
         props: {
-          slotKey: props.slot || 'default'
+          slotKey: props.slotKey || 'default'
         }
       })
     }
diff --git a/packages/docs/docs/guide/markdown-slot.md b/packages/docs/docs/guide/markdown-slot.md
index 56b3903544..07d6c1e246 100644
--- a/packages/docs/docs/guide/markdown-slot.md
+++ b/packages/docs/docs/guide/markdown-slot.md
@@ -17,7 +17,7 @@ Markdown Slot is to solve this kind of problem.
 You can define a named markdown slot through the following markdown syntax:
 
 ``` md
-::: slot [$name]
+::: slot name
 
 :::
 ```
@@ -25,7 +25,7 @@ You can define a named markdown slot through the following markdown syntax:
 Use the `Content` component to use the slot in the layout component:
 
 ``` vue
-<Content slot="$name"/> 
+<Content slot-key="name"/>
 ```
 
 ## Default Slot Content