当前位置: 首页 > 科技 > 人工智能 > Vue privide 和inject依赖注入_腾讯新闻

Vue privide 和inject依赖注入_腾讯新闻

天乐
2021-01-21 19:50:43 第一视角

1、vue privide 和inject 依赖注入的用法

2、privide 和inject实现表单验证组件(案例资源)

说明:Vue的privide 和inject依赖注入 主要用于高级组件开发,普通应用程序中不建议使用,这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。

举例:

在父组件中:

dome.vue

```

//向子组件暴露方法

provide(){

return{

title:this.title,

ranname:this.ranname

}

},

data(){

return{

title:'我是父组件的值'

}

},

methods:{

ranname(data){

this.title = data

}

}

```

子组件中:

dome-item.vue

```

export default {

//使用场景 全局的消息提示框

//inject数组方式接收

inject:['title','ranname'],

methods:{

clickBtn(){

this.ranname('kkk')

}

}

}

```

触发前:

触发点击后:

***这里注意的是子组件的title接收的父组件,当触发改变父组件title的适合,这个数据不是响应式的 ***

像一些UI 框架自带的表单验证,部分都是使用依赖注入方式实现的,由于这里不好太详细的描述form的实现原理,详细dome,去我CSDN(名称:昝殿慧)资源里可以下载参考,

提示:支持键盘“← →”键翻页
为你推荐
加载更多
意见反馈
返回顶部