Tired of hitting refresh to make sure you’re seeing most up-to-date state? Stagnant data layer got you down? I’ll show you how to build real-time user interfaces with Vue and event-driven architecture methods like web sockets.
application receives updates without requesting an update or refreshing the page. This is accomplished through the use of a real time technology, which sends data over an open connection to the page.
backend ➡ Number of data structures that will be pushed to the front end ➡ Modularity: should the client be able to pick and choose what information it cares about
limited third- party implementations available ➡ Full featured ➡ Supports multiplexing ➡ API is documented… not necessarily well ➡ Uses listener mental model, rather than channel subs
of backends ➡ WebSocket emulator with support other transports/protocols ➡ Fallbacks that support back to IE6 (wow.) ➡ Requires additional library for multiplexing ➡ API isn’t fully documented, full feature set unclear ➡ Does not appear to support auto-reconnect
of backends ➡ Supports multiplexing via subscriptions ➡ Auto-reconnect supported ➡ Uses native Web Sockets by default ➡ Can fallback to using SockJS to support older browsers
:device-list="machineDevices" /> </div> </template> ➡ Bind reactive properties to HTML elements or components ➡ Dynamic HTML attributes ➡ Pass data (props) to child components