el-debug component

el-debug.vue

<template>
    <el-debug />
</template>

<script>
export default {
  components: {
    'el-debug': {
      template: `<pre style="font-size: 12px;max-height: 200px;overflow:auto;">
mode: {{ $parent.mode }}
</pre>`,
    },
  },
  data() {
    return {
      mode: 'Hello debug!',
    };
  },
};
</script>