vue2之使用provide/inject父子祖孙组件之间的传值 官网概念:provide/inject需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。 使用方法:在父组件中使用provide传值,在子组件中用inject接收 1 2 3 4 5 6 7 8 9 10 11 // 父组件 data(){
provide 和 inject 绑定并不是可响应的,可以试试传入一个对象。 // parent.vue data () { tableData: { list: [] } }, provide () { return { tableData: this.tableData } }, methods: { getTableData () { ... tableData.list = data } } // child.vue ... inject: ['taleData'] .....