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