Vue组件传值方法4利用provide和inject

在这里插入图片描述
父组件中设置provide可以设置多个属性,在它的子组件中设置inject接收
父组件:

provide:{
            for:'App Pass Value',
        }

子组件:

data() {
            return {
                name: 'Two sons',
                msg:'',
            }
        },
        inject:['for'],
        mounted(){
            this.msg = this.for;
        }

在inject接受到的是provide中的属性,在mounted中将获取到的属性的值给一个量msg存储,这样实现接收父组件传入的值

发布了68 篇原创文章 · 获赞 89 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/printf_hello/article/details/104497597
今日推荐