From 34e419b4a0425ac6eeeb8b9635a5d2738cec8ce4 Mon Sep 17 00:00:00 2001 From: Jun Shindo <46585162+jay-es@users.noreply.github.com> Date: Thu, 17 Feb 2022 21:51:16 +0900 Subject: [PATCH] Add diagram for scoped slots doc (#1522) (#253) * feat: added scoped slots diagram * fix: simplified a diagram Co-authored-by: Natalia Tepluhina --- src/guide/components/images/scoped-slots.svg | 29 ++++++++++++++++++++ src/guide/components/slots.md | 4 +++ 2 files changed, 33 insertions(+) create mode 100644 src/guide/components/images/scoped-slots.svg diff --git a/src/guide/components/images/scoped-slots.svg b/src/guide/components/images/scoped-slots.svg new file mode 100644 index 000000000..d965bc440 --- /dev/null +++ b/src/guide/components/images/scoped-slots.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md index 3ef2e92c5..432f0054a 100644 --- a/src/guide/components/slots.md +++ b/src/guide/components/slots.md @@ -342,6 +342,10 @@ Receiving the slot props is a bit different when using a single default slot vs. ``` +![scoped slots diagram](./images/scoped-slots.svg) + + +
[Try it in the Playground](https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCBNeUNvbXBvbmVudCBmcm9tICcuL015Q29tcG9uZW50LnZ1ZSdcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG5cdDxNeUNvbXBvbmVudCB2LXNsb3Q9XCJzbG90UHJvcHNcIj5cbiAgXHR7eyBzbG90UHJvcHMudGV4dCB9fSB7eyBzbG90UHJvcHMuY291bnQgfX1cbiAgPC9NeUNvbXBvbmVudD5cbjwvdGVtcGxhdGU+IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwidnVlXCI6IFwiaHR0cHM6Ly9zZmMudnVlanMub3JnL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIk15Q29tcG9uZW50LnZ1ZSI6IjxzY3JpcHQgc2V0dXA+XG5jb25zdCBncmVldGluZ01lc3NhZ2UgPSAnaGVsbG8nXG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlxuICBcdDxzbG90IDp0ZXh0PVwiZ3JlZXRpbmdNZXNzYWdlXCIgOmNvdW50PVwiMVwiPjwvc2xvdD5cblx0PC9kaXY+XG48L3RlbXBsYXRlPiJ9)