vue的依赖注入

当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会比普通的传值更加方便

使用

然后在任何子组件里，我们都可以使用 inject 选项来接收指定的我们想要添加在这个实例上的属性：

相比于$parent，选择依赖注入的好处

使用依赖注入可以让我们免于暴露整个根组件信息，具体有两点

祖先组件不需要知道哪些后代组件使用它提供的属性

后代组件不需要知道被注入的属性来自哪里

当组件嵌套过多，而且所有组件都需要使用根组件(包括但不限于)的某一些内容时（数据或方法），使用依赖注入会比普通的传值更加方便

使用

// 官方示例

// 依赖注入一个getMap方法

provide: function () {

return {

getMap: this.getMap

}

}

原文链接： https://www.jianshu.com/p/8ca83311d752

原因是应为npm版本过高，所以导致了安装依赖冲突

解决办法

1、在命令添加 --legacy-peer-deps 或者 --force

--legacy-peer-deps

--force

2、降低npm 版本