Hi devs!
I am trying to do something simple with Vue.js and not sure if my approach is ok.
So.. I'm trying to make 3 composable functions to "communicate".
I'm just not sure how.
export default useServer = (serverSettings) => { let connect = () => {...} let write = (command) => { // Gets a command from the users GUI @click // then passes it to the gateway.write(command) } let read = (data) => { // gets data from the gateway and prints data. } } export default useDevice = (deviceSettings) => { let connect = () => {...} let write = (command) => { // executes command on device } let read = (data) => { // reads data from the device. } } export default useGateway = (gwSettings, device, server) => { let connect = () => {...} let write = (command) => { // passes the command to the device write() method } let read = () => { // reads the data from the device and send it to the server } } let server = useServer(serverSettings) let device = useDevice(deviceSettings) let gateway = useGateway(gwSettings, device, server) im not sure how to apply event listeners for this case. Since these are variables and not events.
I thought of using the watch api for the read/write variables, instead of the current methods.
example: inside the useGateway() composables, to have some kind of a watcher:
// note: the `write` variable should be changes to a regular variable and not a method watch( () => server.write, // <-- watch this read // <-- trigger this ); 
Top comments (0)