<template>
  <div>
    <div v-for="(item,index) in items"
         :key="index">
       <div class="cItem" @click="onClickItem(item.name)">{{item.name}}</div>
    </div>
  </div>
</template>

<script>

import YxLogger from "../../../../utils/logger/index"

export default {
  data () {
    return {
      items:[
        {name:'console'},
        {name:'cache'},
      ],
    }
  },

  components: {
  },

  methods: {
    onClickItem (name) {
       if(name == 'console'){
         YxLogger.debug(this,'onClickItem', 'this is debug logger')
         YxLogger.info(this,'onClickItem', 'this is info logger')
         YxLogger.warn(this,'onClickItem', 'this is warn logger')
         YxLogger.error(this,'onClickItem', 'this is error logger')
       }
    }
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
  .cItem{
     width: 100%;
     line-height: 40px;
     padding-left: 10px;
     border-bottom: solid 1px #959595;
  }
</style>
