vue之ref、$ref

刚开始做前端，在父子组件通信上一直迷迷糊糊，今天遇到了ref突然有点懵，明白之后记录一下防止再懵！

父页面如上，点击高级搜索弹出搜索信息modal

modal部分如上，其中TableSearch是自定义组件。
所以层级关系如下：
此页面 --> modal–>TableSearch

页面中ref属性为子组件TableSearch注册引用信息

TableSearch中为元素注册引用信息。
通过使用ref属性，引用信息就注册在父组件&refs对象上，这样父页面不仅能调用页面中的元素还可以调用子组件的方法。
示例如下，父页面中searchAdvanced（）方法，通过&refs对象访问searchModal中的子组件Form的属性。

谨记！