Vue2:父子组件间参数传递 - 单项传递和双向绑定

1、单向传递:

在之前的经验中,数据通常都是从父组件通过prop单项传递给子组件,供子组件使用,但是并不修改。

2、双向传递

2.1 子组件修改后通过事件触发传递给父组件

在Vue2踩坑记录:父子间参数传递,不要尝试修改计算属性,可能无法实现响应式一文中,父组件通过prop传递给子组件,子组件接收后拷贝一份,在子组件内部修改,修改完成后,通过$emit事件触发,再将修改后的数据传递给父组件使用;

2.2 通过.sync修饰符(Vue2中建议使用)实现父子组件间数据的同步

但是今天的需求,子组件并不知道何时更新完毕,只有父组件操作时才会主动向子组件请求最新的数据,这样就无法通过子组件发送事件来通知父组件了。此时可以使用.sync修饰符来实现数据同步。

子组件定义steps,接收父组件传递来的参数,并在子组件中作为一个table中的data(

你可能感兴趣的:(Vue,前端,javascript,开发语言)