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

@@ -0,0 +1,19 @@
+<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

@@ -0,0 +1,17 @@
+<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) {