asObject: true is not binding

When I update data in database my dropdown list doesn’t get updated (downloads only once):

What I try to achieve is .on('value', function(){...}) thing.

I found that in VueFire source: and that:

So it should behave like I thought it would, but even when I delete readCallback data still behave as once.

[posva]

Well, once you got your data bound, it’s just Vue 🙂 The only difference is that the data may change because of another client changing it but you don’t even have to worry about it because vuefire handles the update for you

[janswist]

Here is the updated fork: https://jsfiddle.net/xgtrjsz9/1/

Now it’s working, but don’t know how to implement it to my dropdown function:

firebase.database().ref('places/' + placeId + "/schedules").on('value', function(snapshot2) {				

		var holder = document.getElementById('dropdownOptionList');
		$('#dropdownOptionList').empty();
		//show list of available schedules for specified place
		snapshot2.forEach(function(childSnapshot) {					
			
			scheduleId = childSnapshot.key;																
			
			var li = document.createElement('li');
			var a = document.createElement('a');
			a.setAttribute('href', '#');
			a.setAttribute('data-src', 'https://terminarz-28eeb.firebaseio.com/reservations.json?orderBy=\"scheduleId\"&equalTo=\"' + childSnapshot.key + '\"');
			a.setAttribute('data-id', childSnapshot.key);
			a.appendChild(document.createTextNode(childSnapshot.val()));
			
			li.appendChild(a);
			holder.appendChild(li);					
			
		});					
		
		activateDropdown();				
	});		

Maybe should I just go with Vue.component() and put relevant mustaches in place?