11# vue-demonstration
22
3- > Vue-based element docs's demo code style component, easily add examples to your Vue project to show your code.
3+ > Element 1.x 代码示例展示风格。帮助你展示你的 Vuejs 组件示例。
44
5- ## Install
5+ ## 安装
66
77``` bash
8- npm install vue-demonstration -S
8+ npm install vue-demonstration --save
99```
1010
11- ## Quick Start
12-
11+ ## 快速开始
12+ 1313``` bash
1414 import Vue from ' vue'
1515 import VueDemo from ' vue-demonstration'
16-
16+ 1717 Vue.component(' vue-demonstration'
1818 ```
19- 20- For more information, please refer to [ vue-demonstration] ( https://demonstration.savoygu.com/vue-demonstration ) in our documentation.
21- 22- ## Usage
23- 24- ```
19+ 20+ 更多使用方式,参考文档:[ vue-demonstration] ( https://demonstration.savoygu.com/vue-demonstration )
21+ 22+ ## 使用方式
23+ 24+ ``` html
25+ 2526<template >
2627 <vue-demonstration
2728 title =" 标题"
@@ -37,6 +38,7 @@ For more information, please refer to [vue-demonstration](https://demonstration.
3738 </template >
3839 </vue-demonstration >
3940</template >
41+ 4042<script >
4143 const sourcecode = ` <div>your code</div>`
4244 export default {
@@ -47,13 +49,15 @@ For more information, please refer to [vue-demonstration](https://demonstration.
4749 }
4850 }
4951</script >
52+ 5053```
5154
52- If you want to add some javascript code to ` sourcecode ` ,you need to put the ` sourcecode ` into a js file.
55+ 如果要展示的代码较多的话,可以单独放一个文件中。
5356
54- ## Build Setup
57+ ## 运行方式和构建
5558
5659``` bash
60+ 5761# install dependencies
5862npm install
5963
@@ -71,7 +75,9 @@ npm run build
7175
7276# generate gh-pages
7377npm run deploy
78+ 7479```
80+ 7581## LICENSE
7682
7783[ MIT] ( http://opensource.org/licenses/MIT )
0 commit comments