郑州品牌设计公司,天津百度推广优化排名,设计网站兼职赚钱,免费dns解析服务器官网介绍用法
V2.2.0 新增的方法 类型
provide#xff1a;Object | () Object
inject#xff1a;Arraystring | { [key: string]: string | Symbol | Object }介绍 这对选项需要一起使用#xff0c;以允许一个祖先组件向其所有子孙后代注入一个依赖#xff…官网介绍用法
V2.2.0 新增的方法 类型
provideObject | () Object
injectArraystring | { [key: string]: string | Symbol | Object }介绍 这对选项需要一起使用以允许一个祖先组件向其所有子孙后代注入一个依赖不论组件层次有多深并在其上下游关系成立的时间里始终生效。 provide 选项应该是 一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。在该对象中你可以使用 ES2015 Symbols 作为 key
inject 选项应该是
一个字符串数组或一个对象对象的 key 是本地的绑定名value 是在可用的注入内容中搜索用的 key (字符串或 Symbol)或一个对象该对象的1.from property 是在可用的注入内容中搜索用的 key (字符串或 Symbol) 2.default property 是降级情况下使用的 value 提示provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而如果你传入了一个可监听的对象那么其对象的 property 还是可响应的。 示例
// 父级组件提供 foo
var Provider {provide: {foo: bar},// ...
}// 子组件注入 foo
var Child {inject: [foo],created () {console.log(this.foo) // bar}// ...
}利用 ES2015 Symbols、函数 provide 和对象 inject
const s Symbol()const Provider {provide () {return {[s]: foo}}
}const Child {inject: { s },// ...
}接下来 2 个例子只工作在 Vue 2.2.1 或更高版本。低于这个版本时注入的值会在 props 和 data 初始化之后得到。 使用一个注入的值作为一个 property 的默认值
const Child {inject: [foo],props: {bar: {default () {return this.foo}}}
}使用一个注入的值作为数据入口
const Child {inject: [foo],data () {return {bar: this.foo}}
}在 2.5.0 的注入可以通过设置默认值使其变成可选项
const Child {inject: {foo: { default: foo }}
}如果它需要从一个不同名字的 property 注入则使用 from 来表示其源 property
const Child {inject: {foo: {from: bar,default: foo}}
}与 prop 的默认值类似你需要对非原始值使用一个工厂方法
const Child {inject: {foo: {from: bar,default: () [1, 2, 3]}}
}
