[ui] Cannot pass complex data into web components

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. 

<component-tag-name data-bind="
  vueProps: {'propName': 'value', ...},
  vueEvents: {'event-name': handlerFunction, ...}
"></component-tag-name>