vue ref的作用

一、示例

<!-- `vm.$refs.p` will be the DOM node -->
<p ref="p">hello</p>

<!-- `vm.$refs.child` will be the child component instance -->
<child-component ref="child"></child-component>

1. 在HTML文件中单独使用vue时使用vm.$refs.child即定位了ref = child 的child-component如果组件内用方法，使用vm.$refs.child.method();运行相应方法
2. 在uni-app中则为this.$refs.child.method();

二、理解

一种定位元素或者组件的方法。可据此使用组件内的方法。

定义在元素上时，代表的是元素。定义在组件时，代表的是组件的实例。

参考

1. 处理边界情况 — Vue.js
2. API — Vue.js