逻辑层(Logic)
逻辑层负责反馈用户对界面操作的处理中心。
逻辑层是终端开发的“灵魂”。
而 VM 对象
是逻辑层规范的输入口
VM 对象
字段名 | 类型 | 说明 |
---|---|---|
props | Object |
声明当前组件可接收数据属性 props = { type, default } type为数据类型,default为数据默认值 |
data | Object | CML模板可直接使用的响应数据,是连接视图层的枢纽 |
methods | Object | 处理业务逻辑与交互逻辑的方法 |
watch | Object | 侦听属性,监听数据的变化,触发相应操作 |
computed | Object | CML模板可直接使用的计算属性数据,也是连接视图层的枢纽 |
beforeCreate | Function | 例初始化之后,数据和方法挂在到实例之前 一个页面只会返回一次 |
created | Function | 数据及方法挂载完成 |
beforeMount | Function | 开始挂载已经编译完成的cml到对应的节点时 |
mounted | Function | cml模板编译完成,且渲染到dom中完成 |
beforeDestroy | Function | 实例销毁之前 |
destroyed | Function | 实例销毁后 |
响应式数据绑定系统
响应式数据绑定意味着开发者只需关心逻辑处理,通过数据绑定的形式,当数据变化时视图自动更新。
生命周期
每个 Chameleon 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 节点 并在数据变化时更新 节点 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给开发者在不同阶段添加自己的代码的机会。
计算属性 computed
对于模板内任何复杂逻辑,你都应当使用计算属性
侦听属性 watch
提供了一种更通用的方式来观察和响应实例上的数据变动
API
调用各端原生能力的入口
数据管理
利用这种数据管理模式在组件外部集中管理状态,可方便构建一个中大型单页应用