1
어떻게이 일의 단점/장점 :이 이상장점과 라우터의 행동에 로딩 구성 요소의 단점 VS 라우터 초기화 전에
define(function(require) {
var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");
return Backbone.Router.extend({
routes: {
"": "home",
"employees/:id": "employee"
},
home: function() {
require(["app/views/Home"], function (HomeView) {
var view = new HomeView({el: $content});
view.render();
});
},
employee: function(id) {
require(["app/views/Employee", "app/models/Employee"], function (EmployeeView, Employee) {
var employee = new Employee({id: id});
employee.fetch({
success: function (data) {
var view = new EmployeeView({model: data, el: $content});
view.render();
}
});
});
}
});
});
:이
(라인에 주목 4-6)
define(function(require) {
var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");
var HomeView = require("app/views/Home"),
EmployeeView = require("app/views/Employee"),
Employee = require("app/models/Employee");
return Backbone.Router.extend({
routes: {
"": "home",
"employees/:id": "employee"
},
home: function() {
var view = new HomeView({el: $content});
view.render();
},
employee: function(id) {
var employee = new Employee({id: id});
employee.fetch({
success: function (data) {
var view = new EmployeeView({model: data, el: $content});
view.render();
}
});
}
});
});