Currently web components created with Vue can only accept properties of string datatype from Knockout.
- It's not practical to serialise and deserialise all data passed into a web component.
- When we need to pass things like function, even SerDe wouldn't help.
- Handling events is tough
Hence we need a better approach, to pass properties.
Proposed solution is to create custom knockout binding handlers. It could be named vueProps & vueEvents for props and events respectively. Once the handler is added to knockout, we must be able to add Vue web components as follows.