码迷,mamicode.com
首页 > 其他好文 > 详细

vue—依赖注入

时间:2019-12-09 13:39:11      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:this   ret   div   children   export   注入   场景   使用场景   bsp   

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

依赖注入的基本内容就是关于 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

vue—依赖注入

标签:this   ret   div   children   export   注入   场景   使用场景   bsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!