<template>
  <div class="testExhibition">
      <Exhibition 
        :title="title"
        :data="data"
        @chooseItem="chooseItem">
        </Exhibition>
  </div>
</template>

<script>
import components from '../../components/index'
export default {
  data(){
      return {
          title:'测试组件',
          data:[
              {
                  name:'列表1'
              },
              {
                  name:'列表2'
              },
              {
                  name:'列表3'
              },
              {
                  name:'列表4'
              }
          ]
      }
  },
  components,
  methods:{
      chooseItem(item){
          this.$alert(item.name);
      }
  }
}
</script>

<style scoped>
.testExhibition{
    width: 300px;
    height: 500px;
    position: relative;
}
</style>


