vue中的 ref 和 $refs

1.ref 加在普通的元素上，用this.$refs.refName 获取到的是dom元素

2.ref 加在子组件上，用this.$refs.refName 获取到的是组件实例，可以使用组件的所有方法。

 <el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" label-width="0px"
             class="demo-ruleForm login-container">

this.$refs.loginForm.validate((valid) => {

如上图所示，可以用ref 和 $refs来做表单校验。