31 lines
910 B
Markdown
31 lines
910 B
Markdown
# vue-ref
|
|
You can use the callback to get a reference like react.
|
|
|
|
[](https://npmjs.org/package/vue-ref) [](https://npmjs.org/package/vue-ref)
|
|
|
|
```bash
|
|
$ npm install vue-ref --save
|
|
```
|
|
|
|
```js
|
|
import ref from 'vue-ref'
|
|
Vue.use(ref)
|
|
```
|
|
|
|
```html
|
|
<!-- 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.
|