M V C 腾数据

组件是一种用户接口对象，比如一个标签、一个按钮或一个树。它为一个特殊的用户接口element定义可视化展现和行为。你可以通过修改组件自身或操纵组件结构来控制位于客户端应用的可视化展现。所有ZK中的组件都实现了org. zkoss. zk. hi. Component接口。
页面（page）是一个组件的集合。页面是org. zkoss. zk. hi. Page类的成员，它们包含了浏览器中某些部分要显示的组件。当zk加载器解析一个ZUML页面时，将会自动创建一个page。由于ZK应用是和用户相交户的。所以在页面中可能会添加组件，也有可能从一个页面中删除组件。
桌面(desktop)(org.zkoss.zk.hi.Desktop)是一个集合，它包含那些相同URL请求的页面。由于ZK应用是和用户相交互的，在桌面中可能会添加页面，也有可能从一个桌面中删除页面。
input绑定了数据currentValue和原生的change事件，在句柄handleChange函数中，判断了当前输入的是否是数字。注意，这里绑定的currentValue也是单向数据流，并没有用v-model,所以在输入时，current Value的值并没有实时改变。如果输入的不是数字(比如英文和汉字等)，就将输入的内容重置为之前的currentValue。如果输入的是符合要求的数字，就把输入的值赋给currentValue。
数字输入框组件的核心逻辑就是这些。回顾一下我们设计一个通用组件的思路，首先，在写代码前一定要明确需求，然后规划好API。一个Vue组件的api只来自props，events和slots,确定好这3部分的命名、规则，剩下的逻辑即使第一版没有做好，后续也可以迭代完善。但是API如果没有设计好，后续再改对使用者成本就很大了。