Я играю с новой инфраструктурой MVVM - Vue.js (http://vuejs.org/).
Это было очень приятно в простых примерах и демонстрациях, но теперь я пытаюсь создать большой SPA с несколькими представлениями, и я понимаю, что лучший шаблон, как это сделать, не описывается в документах инфраструктуры.
Основная проблема заключается в том, что я не знаю, как обрабатывать представления на разных маршрутах.
Например, я использую Director (https://github.com/flatiron/director) для маршрутизации, но как я могу изменить виды?
var booksCtrl = function () {
var booksViewModel = new Vue({
el: '#books'
data: { ... }
ready: function () {
// hide previous ViewModel and display this one??
}
});
};
var editBookCtrl = function (id) {
var editBookViewModel = new Vue({
el: '#editBook'
data: { ... }
ready: function () {
// hide previous ViewModel and display this one??
}
});
};
var routes = {
'/books': booksCtrl,
'/books/:id/edit': editBookCtrl
};
var router = new Router(routes);
router.init();
Нужно ли создавать отдельные VMM ViewModels и просто display:block / display:none
их как в этом примере?
Как вы считаете правильным? Спасибо!