el-table关于组件二次封装el-table例子,注册全局组件

element-ui组件的样式是固定的，比如我们常用的那些组件，。当我们需要的样式和element组件有偏差的时候，我们可以通过针对element组件进行二次封装，

但是二次封装也有弊端，就是二次封装的组件不能直接使用element-ui的新方法，所以需要有人不断的对组件进行维护，有一定的开发成本。
 

1先写一个简单组件

<template>
  <div class="my-table">
    <el-table :data="myData" style="width: 100%">
      <slot></slot>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "my-table",
  props: {
    data: {
      default() {
        return [];
      },
      type: Array,
    },
  },
  data() {
    return { myData: [] };
  },
  mounted() {
    this.myData = this.data;
  },
  methods: {},
};
</script>
<style lang="scss" scoped></style>

2 写一个index.js

import MyTable from './table.vue'
export default {
  install: (Vue) => {
    Vue.component('my-