Ref doesn't work on functional components.

[HakurouKen]

Version

2.5.2

Reproduction link

https://jsfiddle.net/d2pj7wuo/

Steps to reproduce

Open the JSFiddle link, then check the console.

What is expected?

The child functional component can be attached by this.$refs , or give a warning in development environment when attribute ref is set on a functional component.

What is actually happening?

this.$refs of parent componet is an empty object.

---

There's a similar issues for React stateless components. A functional component will not actually generate a VueComponent instance, instead of attaching the dom element directly, a warn or an error thrown may be a better choice.

[sqal]

It doesn't work because you are not passing component's data to the root vnode, which contains ref reference. Simply do return h('p', context.data, 'text');

Fixed repro: https://jsfiddle.net/d2pj7wuo/1/

[alejandroiglesias]

@sqal how about using refs in a functional component (not referencing a functional component as in the fiddle)? That is also not working for me.