vue 自定义组件，并引入到另外一个组件中

components文件夹中

TableComponent.vue

Blocks.vue

1.Blocks.vue 引入TableComponent.vue

html 代码

   <TableComponent :tableSelfData="peopleData"></TableComponent>

js代码

import TableComponent from './TableComponent.vue

export default {
  name: 'Blocks',
  components:{
    Datepicker,
    TableComponent   // 此处一定要写
  },
  data () {
    return {
        peopleDta:[]
    }
  }
}

2.TableComponent.vue 需要写的主要代码

import Datepicker from 'vue-datepicker/vue-datepicker-es6.vue'


export default {
  name: 'TableComponent',
  components:{
    Datepicker 
  },
  props:{
    tableSelfData:Array ,  // 必写
    required: true
  },
  data(){
    return {
        isSort:true,//升降序,
        test:""
    }
  },
  methods:{
    sortClick(){

    },
    dataHashClick(){

    }
  }
}