文章目录 1、@Prop@Link@Provide@Consume装饰器图解2、案例演示1、模块划分2、模块封装1、任务统计模块2、列表管理模块3、主界面4、完整代码 3、父组件是对象@Prop可以是对象属性1、案例改造2、完整代码 4、@Provide@Consume案例1、案例改造2、完整代码 3、总结 PropLinkProvideConsume_5">1、@Prop@Link@Provide@Consume装饰器图解 这里我们用一张完整的图来汇整@Prop@Link 的作用,如下所示: 这里我们还需要注意的时传递数据的限制。整理如下图: 注意 @Link 传参是地址引用,所以参数前面用 $修饰,不是 this 修饰。 @Provide@Consume 成对使用,@Provide负组件使用,@Consume子组件使用,不需要显示传参。 技巧总结 什么时候用@prop : 子组件对父组件传递的数据无更改时什么时候用@Link : 子组件对父组件传递的数据有更改时 2、案例演示