m0_70325779的博客

如下图所示，是一个销售管理后台的修改页面，我类似地将各个字段的含义做了简单的标注，Producer 大家可以理解为销售人员(中介)，假设一件商品是由"甲、乙、丙......"等非单独一个人推销卖出的产品，那么这些人中就有一个一定付出的努力最大，所以得到的报酬也应该最多。我尝试更换团队编码，点击选择另一个团队的销售人员作为主Producer，如下图所示，在点击的时候，因为触发了 change 函数校验，团队编码(渠道类型)必须相同，否则无法选择，需求要求四验证成功。

将字段必填校验规则绑定在 Vue 代码字段上；这一步是最简单的，完成第一步或第二步，只需要将定义好的属性或函数绑定到对应的字段即可；如下代码所示。

如此再来看，在整个文件中，几乎看不出来有调用 HTTP 的痕迹，全是纯代码逻辑编写，代码之间的耦合度也降低了，非常的优雅！

Vue 是一款渐进式的前端开发框架，可以极大的提高前端开发的效率，核心就是MVVM模式。Model(模型)，可以理解为我们开发中后端代码的实体类，模型，不同的个人有不同的个命名方式，常见的有"Entity"、"domain"、"pojo"、"model"、"po"等；View(视图)，可有理解为前端页面，即HTML文件，供用户浏览的页面，成为视图；ViewModel(视图模型)，实现模型数据与视图数据的双向绑定，简单来说就是后台数据库数据发生变化时，会刷新作用到前台页面的展示；