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(){

    }
  }
}