*路由是不同组件之前的转换器,起到组件自由切换的作用。路由可以进行嵌套,即页面是最顶级的组件,渲染在根节点下面,页面内部区块也可以呈现不同的组件。本框架路由只提供两个方法,即导航和回退,其实路由可以扩展更多的方法,如根据name或者模板来路由,这里暂不实现。本框架暂不支持浏览器地址路由,有兴趣的同学可以自己实现。
//option是路由的配置选项function Router(elem, option) {//这里写路由的私有变量、共有属性和方法、私有方法
var _current = {};//存储当前路由对象
this.render = function(dom) {$('<div>').html('Component1').appendTo(dom);//呈现一个
component1.render(dom);//呈现嵌套组件component1
function _destroyComponent() var currComp = _current.component; currComp && currComp.destroy && currComp.destroy();
function _mountComponent(item, component) { setTimeout(function () {
option.after && _option.after(item);//呈现后回调公 component.mounted && component.mounted();//调用后台数据
10);//延时执行,等dom呈现完成