[Vuejs]-Vuejs rendering one item less

You’re appending a new property to an object. I recommend reading this relevant section of the Vue.js documentation regarding object change detection caveats. Specifically, you can use Vue.set(object, key, value) to ensure that your new object key is detected and becomes reactive.

So, instead of self.channels_info[$key] = snippet; you might instead do something like Vue.set(this.channels_info, $key, snippet);.

Definitely read through some more of the documentation. I’m certain that you’ll find a lot of value in the rest of the information on this topic.