使用vue2 演示封装复杂组件，请给出示例代码

下面是一个使用 Vue 2 封装复杂组件的示例代码：

<template>
  <div>
    <my-complex-component :items="items" @on-select="handleSelect"></my-complex-component>
  </div>
</template>

<script>
import MyComplexComponent from './MyComplexComponent.vue'

export default {
  components: {
    MyComplexComponent
  },
  data() {
    return {
      items: [
        { id: 1, name: 'item 1' },
        { id: 2, name: 'item 2' },
        { id: 3, name: 'item 3' }
      ]
    }
  },
  methods: {
    handleSelect(item) {
      console.log(item)
    }
  }
}
</script>