13 ms·

Could you add the lines needed to the above example to make the user list grow / shrink real time via websockets? Would be interested to see how you would impl

• gbuk2013 8y ago
  Pseudo-ish code because I’m typing from my phone. Vuex code as per docs to create state.stuff and mutations.update_suff() then in main Vue instance mounted () { this.$socket.subscribe(‘stuff’, data => { this.$store.commit(‘update_stuff’, data); }); where $socket is a subscriber client I wrote wrapped as a Vue plugin. Then inside the components computed () { stuff () { return this.$store.state.stuff; } } then use stuff as in your example. So very simple, and nothing that I couldn’t do without Vue but it takes care of the boring DOM manipulations and using the browser extension during development I can watch state change (which becomes interesting when there are multiple subscriptions with data combined).
  • TekMol 8y ago
    So the first step towards your solution would be to include vuex? Like this? <script src="/path/to/vuex.js"></script> And then? What are mounted() and computed()? They look like methods of a class?