首页 / VUE / vue—依赖注入

vue—依赖注入

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue—依赖注入，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含484字，纯文字阅读大概需要1分钟。

内容图文

使用场景：当组件层级较深，然后需要使用到根组件中的某些值，就需要使用到依赖注入

依赖注入的基本内容就是关于 provide  和  inject

根组件中使用provide 

export default {
        name: ‘app‘,
        data(){
            return {
                msg:‘Welcome to Your Vue.js App‘
            }
        },
        provide(){
            return {
                msg:this.msg
            }
        },
}

子代组件中使用  inject 接收参数 

export default{
        data(){
            return {
                children:‘this is children component.‘
            }
        }
        inject:[‘msg‘],
}
//使用方式
<span>{{msg}}</span>     //    this.msg

注意事项：

1.依赖注入是非响应的，需要去通过其他的手段去监听

2.开发中建议使用Vuex

原文：https://www.cnblogs.com/peilin-liang/p/12010230.html

内容总结

以上是互联网集市为您收集整理的vue—依赖注入全部内容，希望文章能够帮你解决vue—依赖注入所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1092134.html

来源：【匿名】