vue组件多层级传值(爷爷组件和孙子组件直接传值)+provide + inject

有时一个页面,其实由许多组件构成,并且这些组件,层层嵌套,层次可能很深。这时问题就来了,假如有一些参数,从顶层组件就开始设置或提供,然后最底层的组件又需要,层层传递,不仅繁琐、容易出错,反而不利于代码的可维护和可读。

有没有一种方法,可以直接由顶层组件传播到最底层呢?或者说,可以让最底层能直接接收到顶层的参数呢?

有的,provide + inject
。顶层组件provide,底层组件inject。但是,这只能保证一次成功,以后参数改变了,底层并不能感知。这时又要加上computed和watch,并且参数是函数类型,各种方法一齐上,才能奏效。

父组件:

export default {
   
  provide () {
   
    return 
上一篇:【机器学习 学习笔记】第二章 概念学习和一般到特殊序


下一篇:Solon 开发,七、自定义注解开发汇总