namespaced syntax (e.g., vOn:click) does not work with tsx

[speigg]

Sadly, typescript does not support namespaced attributes. Periods (e.g.,vOn.click) will not work in TSX files either. Only options seem to be vOn_click and vOn-click.

[wujiiu]

i had a similar problem with the difference is syntax is not supported on vscode

[nickmessing]

Unfortunately TSX does not support namespaced attributes, there is no way around so I'm working on a different syntax in http://github.com/nickmessing/vue-tsx/

[snowyu]

do not use vOn:xxx on typescript, just

function handleClick(e) {...};
return <div onClick={handleClick}></div>

// Or 
return <div 
  {...{
    on: {
       ...this.$listener,
      click: handleClick
    }
  }}
></div