Behavior changed in the rendering of primitive values

[sqal]

Version

3.0.0-alpha.1

Reproduction link

2.x - https://jsfiddle.net/natuqebm/
3.0.0-alpha.1 - https://jsfiddle.net/u7pt6gjo/

Steps to reproduce

Just open these above reproductions links

What is expected?

There is an inconsistency between Vue 2.x and the latest alpha. 3.x should not render a boolean values in the render function.

What is actually happening?

Renders 0falsetrueNaN instead of 0NaN

[posva]

Does it makes sense to pass anything that isn't a string or an h() though (in both versions)?

[sqal]

@posva of course, here's an example of what I do all the time when writing components in plain JS

function render() {
  return h('div', [
    // isOpen is boolean
    props.isOpen && h('div', [])
  ])
}

[jacekkarczmarczyk]

Also Vue 2.6 allows booleans:

export interface CreateElement {
  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), children?: VNodeChildren): VNode;
  (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), data?: VNodeData, children?: VNodeChildren): VNode;
}


export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string | boolean | null | undefined;

so removing it would be a breaking change

[posva]

Right, booleans make sense for jsx Eduardo San Martin Morote

…

On 3 Jan 2020, at 11:32, Jacek Karczmarczyk ***@***.***> wrote:  Also Vue 2.0 allows booleans: export interface CreateElement { (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), children?: VNodeChildren): VNode; (tag?: string | Component<any, any, any, any> | AsyncComponent<any, any, any, any> | (() => Component), data?: VNodeData, children?: VNodeChildren): VNode; } export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string | boolean | null | undefined; so removing it would be a breaking change — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

[KaelWD]

vuejs/vue#8498