逻辑层(Logic)

逻辑层负责反馈用户对界面操作的处理中心。

逻辑层是终端开发的“灵魂”。

VM 对象 是逻辑层规范的输入口

VM 对象

字段名类型说明
propsObject 声明当前组件可接收数据属性 props = { type, default } type为数据类型,default为数据默认值
dataObjectCML模板可直接使用的响应数据,是连接视图层的枢纽
methodsObject处理业务逻辑与交互逻辑的方法
watchObject侦听属性,监听数据的变化,触发相应操作
computedObjectCML模板可直接使用的计算属性数据,也是连接视图层的枢纽
beforeCreateFunction例初始化之后,数据和方法挂在到实例之前 一个页面只会返回一次
createdFunction数据及方法挂载完成
beforeMountFunction开始挂载已经编译完成的cml到对应的节点时
mountedFunctioncml模板编译完成,且渲染到dom中完成
beforeDestroyFunction实例销毁之前
destroyedFunction实例销毁后

响应式数据绑定系统

响应式数据绑定意味着开发者只需关心逻辑处理,通过数据绑定的形式,当数据变化时视图自动更新。

生命周期

每个 Chameleon 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 节点 并在数据变化时更新 节点 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给开发者在不同阶段添加自己的代码的机会。

计算属性 computed

对于模板内任何复杂逻辑,你都应当使用计算属性

侦听属性 watch

提供了一种更通用的方式来观察和响应实例上的数据变动

API

调用各端原生能力的入口

数据管理

利用这种数据管理模式在组件外部集中管理状态,可方便构建一个中大型单页应用