<template>
  <div>
    <List v-if="activeName=='List'" ref="list" />
    <Edit v-if="activeName=='Edit'" />
    <Device-list v-if="activeName=='DeviceList'" />
    <Edit-device v-if="activeName=='EditDevice'" />
    <info-list v-if="activeName=='infoList'" />
  </div>
</template>

<script>
import List from './components/list'
import Edit from './components/edit'
import DeviceList from './components/listDevice'
import EditDevice from './components/EditDevice'
import infoList from './components/infoList'

export default {
  components: {
    List: List,
    Edit: Edit,
    DeviceList: DeviceList,
    EditDevice: EditDevice,
    infoList: infoList
  },
  data() {
    return {
      activeName: 'List'
    }
  },
  watch: {}
}
</script>

<style scoped>
</style>

