vue-ref

You can use the callback to get a reference like react.

$ npm install vue-ref --save

import ref from 'vue-ref'
Vue.use(ref)

<!-- vm.dom will be the DOM node -->
<p v-ref="c => this.dom = c">hello</p>
 
<!-- vm.child will be the child component instance -->
<child-component v-ref="c => this.child = c"></child-component>
 
<span v-for="n in 10" :key="n" v-ref="(c, key) => {...}">{{ n }} </span>

Property	Description	Type
v-ref	a callback function	function(dom \| vnode, key)

In this callback function, you should not change any reactive data. Otherwise the render will enter an infinite loop.

vue-ref

vue-ref

Readme

Keywords