美文网首页
父子组件跨级传值

父子组件跨级传值

作者: 这世间好折磨人 | 来源:发表于2022-03-26 11:53 被阅读0次

    父辈组件通过 provide 属性注入数据

    provide(){

              return{

              msg:'根组件',

              root:this, //Vue实例对象也能传递   

              num:this.showView, //当前组件的数据也能传递

              list:[1,2,3,4,5,4,3,3,45,56,6,1]     

              }

    }

    子组件通过 inject 接收数据

    inject:['msg','root','num','list']

    优点:简单方便

    缺点:不能修改数据

    相关文章

      网友评论

          本文标题:父子组件跨级传值

          本文链接:https://www.haomeiwen.com/subject/nwggdrtx.html