Vue通过ref获取不到$refs

今天写项目时发现一个问题，就是明明已经定义了ref，但通过$refs打印却没有打印出想要的结果。代码如下

<!-- html部分 -->
<div ref="myOrder" v-if="isOrder"></div>

// js部分
init () {
	console.log(this.$refs.myOrder) //undefined
}

打印结果是undefined。
后来查阅资料后发现问题所在：ref所在的标签不要用v-if，使用v-show就好了。并且ref的父级标签也不要用v-if。能用v-show就用v-show。否则就会出现打印$refs时，值为undefined