Vue父组件和子组件状态更新（通讯）小结

• Vue的官方文档是推荐父组件用v-bind的方式给子组件的方式传递变量字段信息的，然后子组件通过$emit()发送事件给父组件传递信息，子组件不能直接去修改父组件传递过来的变量的，会给出警告提示，以免出bug的时候，因为数据修改不确定来源而难以查找修复bug（Tip：不是不能在子组件修改父组件的传递变量，只是不推荐，而且遇见iframe的时候会出问题，你在子组件修改之后变量值是变了，但是在父组件视图使用它的地方会无法更新，用$nextTick()也没用，可以使用ref和$refs解决，在子组件不直接更新，而是通过$refs调用父组件的方法间接更新）。
• 但有时候其实因为各种各样的原因（之前组件设计不够好什么的）导致其实官方推荐的方式很难使用，所以官方给出了应急方案ref和$refs，可以用来直接用来更新父子组件的状态。