zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

是路由的配置选项function

2023-03-20 14:51:21 时间

*路由是不同组件之前的转换器,起到组件自由切换的作用。路由可以进行嵌套,即页面是最顶级的组件,渲染在根节点下面,页面内部区块也可以呈现不同的组件。本框架路由只提供两个方法,即导航和回退,其实路由可以扩展更多的方法,如根据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呈现完成