Vue——子级向父级传递参数

Vue参数传递存在一个特点：单向数据流，数据只能从父级传递给子级的，子级无法修改父级的参数（简单地说，就是子级控件无法修改props）。

在做一些功能件的时候，这些限制会产生一些非常差的用户体验。

比如我们有一个组件A，参数是x，组件A经过用户操作，x会产生一个新的值，并且组件A还包含校验算法，需要验证x是否有效。
B组件调用A组件的时候，需要先判断是否有效，只有验证通过才能接收这个新的值。

上述案例，很明显存在一个的问题，B组件很难获取A组件的校验函数（可以通过ref，但是就和写html一样，不到万不得已你不会使用id，这么做总觉得有点不爽）。

方案1：实现v-model

简单的实现方案，就是实现自定义组件的v-model功能，缺点就是v-model只能绑定一个值。

方案2：使用provide

使用provide，可以将父级组件的参数，传递给子级组件，这时候，子级组件可以直接修改参数值，通过这一个特性，可以实现非常多传统的编程。

父级控件

通过provide，将自己的参数传递到子级控件。