Использую vue.js вебсокеты с помощью vue-native-websocket. При открытии страницы отображается первый компонент Wellcome.vue, у него метод:
mounted() {store.dispatch('setCachmachineState','false');}
В файле app.js
Vue.use(VueNativeSock, 'ws:\\localhost:8011' {store:store, format:'json'})
При открытии страницы получаю ошибку что соединение с вебсокетом еще не установлено, а я уже пытаюсь заслать туда данные. Как правильно выстроить цепочку событий и обработку событий из вебсокета, чтобы только после подключения к серверу начал отображаться компонент Wellcome.vue? В store имеется мутация Socket_OnOpen
Socket_OnOpen
диспатчить об этом в стор и ставить некий ключ на что-то типаsocketsReady:true
а в зависимых компонентах на корневых элементах проверять истинность этого значения и если не тру то не рендерить