大家都知道在VuE组件中我们使用props来接受父组件传入的值
这个值可是数字 布尔值 数组 对象,正如Vue官网所介绍,所有的prop都使其父子prop之间形成一个单向下行绑定,
即:父级prop的更新会向下流动到子组件中...这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流难以理解....但这里的单向数据流却有一个限制, 就是所传的变量必须是基本数据类型,数字,布尔,字符串, 而数组和对象则是双向绑定,在子组件中修改了父组件传进来的一个数组,同时会作用到父组件上,从而影响父组件的状态....官网也有类似的描述,如下:
注意在 JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变这个对象或数组本身将会影响到父组件的状态。