vue2.0中this.$refs获取子组件属性报undefined错误

首先，要强调一点，我的re被用来给子组件注册引用信息，引用信息注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：

当我调用下面这个语句想要改变子组件的data中的uid属性时候

this.$refs.historyRecord.uid=uid;

报如下错误：

查询资料和vue官方文档之后，发现是我的子组件在页面中在根组件中注册才能获取，其他的都获取不到。

所以要将包含ref的子组件放在<template><template>标签下<div>中的直接子结点位置。