ref是干嘛的

<img id="myimg" ref="imgs" src="xx/">

mounted(){
    //获取可视高度 不包括border和滚动宽度
    document.querySelector('#myimg').clientHeight//麻烦
    this.$refs.imgs.clientHeight//好用
}

1.概念

ref 被用来给元素或子组件注册引用信息,如果是普通元素就是dom，如果是组件就是组件实例。例如，通过给一个组件绑定了ref，那么我就可以通过它的别名来调用组件方法。

2.使用

可以通过this.$refs.imgs.clientHeight

3.拓展

ref $refs一般和nextTick()搭配使用，操作dom