Update nested object in Vue.js

July 30, 2018 · 1 min read

let aiVue = null;
let ai = something;

if (aiVue) {
    aiVue.$data.player = ai;
    // this would update the object and the nested object
} else {
    aiVue = new Vue({
        el: '#divAi',
        data: {
            player: ai
        }
    })
}

<span v-for="some in player.someCollection" v-html="some.toHtml()"></span>
<span>Hand: {% raw  %}{{ player.someCollection.length }}{% endraw %} </span>