Vue privide 和inject 依赖注入的用法

1、vue privide 和inject 依赖注入的用法
2、privide 和inject实现表单验证组件（案例资源）
说明：Vue的privide 和inject依赖注入 主要用于高级组件开发，普通应用程序中不建议使用，这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。
举例：
在父组件中：
dome.vue

<h1>{{title}}</h1>
<!-- 子组件 -->
<dome-item></dome-item>
<script>
//向子组件暴露方法
provide(){
    return{
        title:this.title,
        ranname:this.ranname
    }
},
data(){
    return{
        title:'我是父组件的值'
    }
},
methods:{
    ranname(data){
        this.title = data
    }
}
</script>

子组件中：
dome-item.vue

<button>改变父组件的值</button>
<h1>{{title}}</h1>

export  default {

//使用场景 全局的消息提示框
//inject数组方式接收
inject:['title','ranname'],
methods:{
    clickBtn(){
        this.ranname('kkk')
    }
 }
}

触发前：

触发前.png

触发点击后：

触发后.png

***这里注意的是子组件的title接收的父组件，当触发改变父组件title的适合，这个数据不是响应式的 ***
像一些UI 框架自带的表单验证，部分都是使用依赖注入方式实现的，由于这里不好太详细的描述form的实现原理，详细dome，去我CSDN（名称：昝殿慧）资源里可以下载参考