Demo Container is a Vuepress-based plug-in, which can help you add Vue examples when writing documents. Its original intention is to reduce the difficulty of adding some related examples when writing component documents.
Using Vuepress to write component examples has the following embarrassment:
- Component examples and sample code are essentially the same, but need to be written twice;
- Vuepress cannot render the
export default {}code block in Markdown;
The Demo Container refers to Element UI's document rendering and implements the same syntax as it can be used to write sample syntax directly in Markdown.
- Element UI ColorPicker component documentation example, click here to view
- Element UI ColorPicker component document sample preview, click here to view。