天天看點

是路由的配置選項function

*路由是不同元件之前的轉換器,起到元件自由切換的作用。路由可以進行嵌套,即頁面是最頂級的元件,渲染在根節點下面,頁面内部區塊也可以呈現不同的元件。本架構路由隻提供兩個方法,即導航和回退,其實路由可以擴充更多的方法,如根據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呈現完成