[Vuejs]-How do I swap content

Ok, my main misconception where:

I Used var foo and bar as new Vue() instances without having a parent “intersection” instance

so this is now working:

http://jsbin.com/tiwoco/edit?html,js,output

Still need to figure out if accessing the currentView item through vmFoo and vmBar instances shouldn´t be done in foo and bar components 🙂