Merge pull request #1015 from furybean/add-play-route

Add /play to debug component.

examples/app.vue

@@ -105,11 +105,11 @@
 
 <template>
   <div id="app">
-    <main-header></main-header>
+    <main-header v-if="lang !== 'play'"></main-header>
     <div class="main-cnt">
       <router-view></router-view>
     </div>
-    <main-footer></main-footer>
+    <main-footer v-if="lang !== 'play'"></main-footer>
   </div>
 </template>
 

examples/play/component.vue

+<template>
+  <div>
+    <el-button>Test</el-button>
+  </div>
+</template>
+
+<style scoped>
+</style>
+
+<script type="text/ecmascript-6">
+  export default {
+    methods: {
+    },
+
+    data() {
+      return {};
+    }
+  };
+</script>

examples/play/index.vue

+<style scoped>
+</style>
+
+<template>
+  <div style="margin: 20px;">
+    <!-- Write your component in component.vue -->
+    <play-component></play-component>
+  </div>
+</template>
+<script>
+  import PlayComponent from './component.vue';
+  export default {
+    components: {
+      PlayComponent
+    }
+  };
+</script>

examples/route.config.js

@@ -49,7 +49,7 @@ const registerRoute = (navConfig) => {
 
 let route = registerRoute(navConfig);
 
-function generateMiscRoutes(lang) {
+const generateMiscRoutes = function(lang) {
   let guideRoute = {
     path: `/${ lang }/guide`, // 指南
     redirect: `/${ lang }/guide/design`,
@@ -85,6 +85,12 @@ langs.forEach(lang => {
   route = route.concat(generateMiscRoutes(lang.lang));
 });
 
+route.push({
+  path: '/play',
+  name: 'play',
+  component: require('./play/index.vue')
+});
+
 let userLanguage = localStorage.getItem('ELEMENT_LANGUAGE') || window.navigator.language;
 let defaultPath = '/en-US';
 if (userLanguage.indexOf('zh-') !== -1) {