provide inject
使用父组件注入的值
provide
在父组件中申明需要注入的属性
provide: { elForm: 'aaaa', foo: 'sadasd', bar:'zzz' }
inject
在子组件中接受父组件中注入的属性
inject: { foo: { from: 'elForm', default: 'sss' } },
from 允许使用来自provide中任意的属性,使得子组件中的变量值与父组件同名的变量值是不相同的
default 在父组件中找不到注册的变量时,将使用default中的值
:warning:需要注意的是,在使用from是,子组件中的变量名必须在父组件中注册了,并且from的值必须是之前的变量
example
//父组件注册的变量 provide: { elForm: 'aaaa', foo: 'sadasd', bar:'zzz' } //子组件使用from inject:{ foo:{ from:'elFrom' //这能正常的使用,foo现在等同于elForm from:'bar' //不能正常的使用 } }
Last updated
Was this helpful?