<template>
  <div id="app">
    <div>
      <!-- <Button @click="type='simple'">简单版本</Button>
      <Button @click="type='encapsulation'">封装版本</Button> -->
    </div>
    <div class="view-wrap">
      <simple v-if="type === 'simple'" />
      <encapsulation v-if="type === 'encapsulation'" />
    </div>
  </div>
</template>
<script>
import Simple from '@/components/Simple'
import Encapsulation from '@/components/Encapsulation'
// import simple from '@/components/Table/simple'
// import encapsulation from '@/components/Table/encapsulation'

export default {
  name: 'Statiscs',
  components: { Simple, Encapsulation },
  mixins: [],
  data() {
    return {
      type: 'encapsulation'
    }
  },
  computed: {},
  watch: {},
  mounted() {
  },
  methods: {}
}
</script>

<style>

</style>
