Allow tag selectors in render functions

[shreeve]

This allows tags such as section.active.admin@intro, which would yield <section class='active admin' id='intro'>.

Allowing these types of selectors, when used in combination with another tiny enhancement (https://github.com/shreeve/coffeescript/pull/1) to CoffeeScript allows us to write native CoffeeScript that looks a lot like JSX, but is actually full fledged CoffeeScript. Here's an example of something we're working on (a work in progress, but coming along!):

[phanan]

If I get this right, I don't think this belongs to the core. Maybe a custom render function is what it should be.

[shreeve]

A custom render function would work. Is there a way to have a hook inside of createElement that is able to invoke this code if specified?

[HerringtonDarkholme]

Yes you can.

Vue.mixin({
  beforeMount() {
    this.$createElement = customCreateElement
  }
})

Vue.prototype._h = customCreateElement

This should works. The first statement is for render function, the second statement is for compiled template .

POC https://jsfiddle.net/v368d4g3/3/

Caveats: implementation details are liable to change

[shreeve]

Oh, man! That's great.

Is this a one-liner type of tweak that we could put in our top-level app and everything would inherit? That would make it super easy. Is there another library, module, or mixin (or whatever else) that could be used as an example for this type of feature?

[HerringtonDarkholme]

Is this a one-liner type of tweak that we could put in our top-level app and everything would inherit?

Yes, if I read the code correct. Place it in your entry file and most things will be fine. (with the probable exception of functional component, functional component behavior is not changed, you can just use your own createdElement function in render function as long as it returns VNode compatible object)

Is there another library, module, or mixin (or whatever else) that could be used as an example for this type of feature?

I don't know. I think this is too hacky to be included in a project's README...

[shreeve]

@phanan - Is there already a way to support such as custom render function as a Vue plugin?

[phanan]

As it has turned into a discussion, I'd suggest opening a thread on the forum instead.