美文网首页
Prop的单向数据流

Prop的单向数据流

作者: lp0124 | 来源:发表于2018-05-16 09:13 被阅读0次

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定

父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。

额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。

注意:在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变这个对象或数组本身将会影响到父组件的状态。

摘录于:Vue官网

相关文章

  • vue学习

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

  • Vue组件prop属性

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

  • 对vue的props实现双向数据流

    1、 使用Prop需要遵守的规定 vue官网中规定,vue中的Prop是单向数据流 在vue中,组件中的Prop是...

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

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

  • Prop的单向数据流

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

  • vue .sync 修饰符

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

  • vue父子组件交互

    一、父组件向子组件传值 通过 Prop 向子组件传递数据 父组件 子组件接收 单向数据流:父级 prop 的更新会...

  • vue2.0 实现组件props双向绑定

    前言 Vue 2.x相比较Vue 1.x,移除组件的props的双向绑定功能。 单向数据流(官方解释) prop ...

  • Vue 中的双向数据绑定

    双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流,不是双向绑定 Vue 的双向绑定是语法糖 ...

  • 常见vue面试题

    1. 解释单向数据流和双向数据绑定单向数据流: 数据流是单向的。数据流动方向可以跟踪,流动单一,追查问题的时候可以...

网友评论

      本文标题:Prop的单向数据流

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