Vue: Почему элементы списка не реагируют?

Question

У меня есть список предметов, которые я передаю компоненту в качестве реквизита. Затем я хочу создать вычисляемый список, отображаемый в списке реквизитов. Что я делаю:

computed: {
    assets: function(){
        var self = this;
        var mappedList = [];
        if (self.sourceList && self.sourceList.length){
            mappedList = _.map(self.sourceList, function(asset){
                return { title: asset.title, id: asset.id};
            });
        }
        return mappedList;
    }
}

Я вижу отображенный список, затем отображается:

<div v-for="asset in assets"  :key="asset.id">
   <span>{{asset.title}}</span>
   <input v-model="source.title" />
</div>

Я не могу понять, почему, но когда я изменяю заголовок, он не изменяется для редактируемого элемента.

(Если я попытаюсь просто создать новый список и использовать метод push для добавления элементов в него, результат будет тот же).

UPD Решение найдено. Как отметил @WW, некоторые данные следует использовать. Я просто перемещаю список к данным и наблюдаю за тем, чтобы все заработало.