vue是单向数据流,数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据的修改
原因是为了更好的解耦,在开发中,可能会有多个子组件依赖与父组件的某个数据,如果子组件可以直接修改父组件的数据的话,那么一个子组件的变化将会引发所有依赖于这个数据的子组件的变化,所以vue不推荐子组件直接修改父组件的数据,直接修改prop会抛出警告。
解决方法有:
1,在data里面存储该props数据
2,使用计算属性处理该数据返回
3,在需要使用时深拷贝它
vue是单向数据流,数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据的修改
原因是为了更好的解耦,在开发中,可能会有多个子组件依赖与父组件的某个数据,如果子组件可以直接修改父组件的数据的话,那么一个子组件的变化将会引发所有依赖于这个数据的子组件的变化,所以vue不推荐子组件直接修改父组件的数据,直接修改prop会抛出警告。
解决方法有:
1,在data里面存储该props数据
2,使用计算属性处理该数据返回
3,在需要使用时深拷贝它