Vue.js中ref ($refs)用法举例总结

本文详细举例了Vue.js中ref ($refs)用法，转载自cnblog的慕容小凡，原文地址：http://www.jianshu.com/p/3bd8a2b07d57 一、ref使用在外面的组件上 HTML 部分

Vue处理边界之$root、$parent、$refs

Vue处理边界之$root、parent、$refs（下面的功能都是有风险的，尽量避免使用） Vue 子组件可以通过 $root 属性访问父组件实例的属性和方法 div id="app" root-obj/root-obj/divVue.component('root-obj', {

vue中$refs, $emit, $on, $once, $off的使用,vue事件总线eventBus

vue中$refs, $emit, $on, $once, $off的使用详解，eventBus事件总线的用法。其实$refs和另外几个有本质的区别，其他几个都与数据传递或事件有关，而$refs则是选择节点。但这里也放到一起了。本

vue $ref 获取DOM节点的宽高

JS获取DOM节点的宽高和vue获取其实是一样的，不同点是获取元素的方法不同

vue2 $refs在vue3中的使用方法

vue2的$refs可以获取dom节点，但是vue3没有this，所以不能这么使用，可以用下面的方式实现