使用provide和inject的属性,然而自己在以往的VUE开发中基本没有使用过。
provide / inject 是在 VUE 2.2.0 的版本新增的
类型:
provide: Object | () => Object
provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。在该对象中你可以使用 ES2015 Symbols 作为 key,但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作
inject: Array<String> | {
[key:string]: string | symbol | Object }
注意: provide 和 inject 主要在开发高阶插件/组建库时使用。并不推荐用于普通应用程序代码中
示例
// 父组件中设置需要向子孙传递的数据
// parent.vue
<template>