Mixins don't apply render() function

[yusufkandemir]

Version

3.0.0-rc.1

Reproduction link

https://codepen.io/yusufkandemir/pen/QWyJVaR

Steps to reproduce

Run the reproduction app, then confirm nothing is rendered and see the warning on the console.

What is expected?

A div that contains the text Test to be rendered. Also, no warnings should be on the console.

What is actually happening?

Nothing is rendered and there is a warning on the console that indicates there is no render function. Mixin has render() but it can't make it into the actual component somehow.

---

I have noticed this while migrating a Vue 2 app. I couldn't see a mention of this behavior in vuejs/vue-next, vuejs/rfcs, vuejs/docs-next and vuejs/vue-codemod, so I am guessing that this is either a bug or undocumented behavior.

[yyx990803]

Hmm, just curious, what's your use case for putting render in a mixin?

[yusufkandemir]

I was migrating a library not an app btw, I guess it can made some difference in context.

We have a field component that has basic functionality, different design options, validation mechanics, etc. This component obviously has render function because it can be used standalone, and is extensible through either by wrapping it in a larger component that consumes it or extending it by using it as a mixin.

We also have some other more opinionated and feature-rich components like input, select, etc. which extends that field component by using it as a mixin along with other things. Field component/mixin has also some hooks like preRender and postRender which can help to modify the rendering behavior.