文档 / 组件框架

(视图定义)defineView

Light.defineView(el,model,view)

Light.defineViewLight.defineViewModel的简写,两者所实际处理的工作是一致的。

  1. el此视图对应的dom节点
  2. model,定义模型
  3. view,此视图中需要被重写的属性或者方法

此方法使用来定义视图,主要目的是将一个dom节点定义为视图对象(view),同时关联一个双向绑定的模型对象(model)。

所有定义出来的view都是Light.View的实例。

所有定义出来的model都是Light.Model的实例。

关于viewmodel的更为详细的内容后面还有讲解。

注:视图和模型是相互关联的,视图中访问模型通过this.model,模型中访问视图通过this.view

此方法有多种使用方式,分别介绍如下:

  1. 第一种方式,只传入两个参数(el和view),将视图和model一次性定义,如代码所示,data/methods是属于模型定义的范畴,其余为视图定义的范畴
Light.defineView("#index", {
data:{
crumbs:[],
loginInfo:{}
},
methods:{
},
beforeRender: function () {
},
ready:function () {
},
afterUnRender:function () {
}
});
  1. 第二种方式,同时传入三个参数,将视图和模型分别定义
Light.defineView("#index", {
data:{
crumbs:[],
loginInfo:{}
},
methods:{
},
},{
beforeRender: function () {
},
ready:function () {
},
afterUnRender:function () {
}
});