美文网首页鸿蒙
状态 - @Prop装饰器:父子单向同步

状态 - @Prop装饰器:父子单向同步

作者: wendy__xu | 来源:发表于2024-03-13 19:09 被阅读0次

@Prop装饰的变量可以和父组件建立单向的同步关系。@Prop装饰的变量是可变的,但是变化不会同步回其父组件。

概述

@Prop装饰的变量和父组件建立单向的同步关系:

  • @Prop变量允许在本地修改,但修改后的变化不会同步回父组件。
  • 当父组件中的数据源更改时,与之相关的@Prop装饰的变量都会自动更新。如果子组件已经在本地修改了@Prop装饰的相关变量值,而在父组件中对应的@State装饰的变量被修改后,子组件本地修改的@Prop装饰的相关变量值将被覆盖。

限制条件

@Prop装饰器不能在@Entry装饰的自定义组件中使用。

初始化规则图示

image.png

相关文章

  • vue学习

    理解 Vue 的单向数据流 所有的 prop 都使得其父子 prop 之间形成了一个「单向下行绑定」:父级 pro...

  • Vue组件prop属性

    Prop prop 大小写 单项数据流 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级...

  • vue 父子组件数据的双向绑定大法

    官方文档说明 所有的 prop 都使得其父子 prop 之间形成了一个 单向下行绑定 父级 prop 的更新会向下...

  • Vue父子组件之间的通信方式

    在Vue2.X中,父子组件之间有两点非常重要的通信原则: 父子组件是单向数据流,父组件的状态更新,子组件中prop...

  • Vue-Prop父组件向子组件传参

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,...

  • Prop的单向数据流

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定: 父级 prop 的更新会向下流动到子组件中...

  • vue的单项数据流和sync实现父子组件双向绑定

    vue的单项数据流 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会...

  • vue单向数据流

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,...

  • 理解vue的单向数据流

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,...

  • vue .sync 修饰符

    .sync 修饰符作用: 让子组件可以更加优雅的修改父组件的data单向数据流所有的prop都是其父子prop之间...

网友评论

    本文标题:状态 - @Prop装饰器:父子单向同步

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