ref属性

  1. 被用来给元素(纯粹的html元素)或子组件注册引用信息(id的替代者)
  2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)
    1. html标签
      1. 使用docum.getElementByID(),与使用ref并无区别
    2. 组件
      1. 如果使用docum.getElementByID(),则获取的只是该DOM元素<div id="school"><h1>学校名称:尚硅谷</h1></div>
      2. 使用ref,则获取的是vc实例对象 vueCompont{xxxxxxxxxx}
  3. 使用方式:
    1. 打标识:<h1 ref="xxx">.....</h1><School ref="xxx"></School>
    2. 获取:this.$refs.xxx