Vue数据单向流的深入理解

大家都知道在VuE组件中我们使用props来接受父组件传入的值

这个值可是数字 布尔值 数组 对象,正如Vue官网所介绍,所有的prop都使其父子prop之间形成一个单向下行绑定,

即:父级prop的更新会向下流动到子组件中,但是反过来则不行,如果强行修改变量值,则会发出警告. 这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流难以理解.

但这里的单向数据流却有一个限制, 就是所传的变量必须是基本数据类型,数字,布尔,字符串, 而数组和对象则是双向绑定,在子组件中修改了父组件传进来的一个数组,同时会作用到父组件上,从而影响父组件的状态.

官网也有类似的描述,如下:

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

官网是学习一本技术最好的地方,大家不用再去盲目第  搜索资料.

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/100558455