Vue设计模式简介

ViewModel是Vue.js的核心，它是一个Vue实例。vm监听DOM，当数据改变的时候，vm会去自动更新视图。VM中有DOM Listeners和Data Bindings两个工具，它们是实现双向绑定的关键。从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；从Model侧看，当我们更新...

执梦起航

3422人浏览 · 2019-09-26 17:06:33

执梦起航 · 2019-09-26 17:06:33 发布

ViewModel是Vue.js的核心，它是一个Vue实例。

`vm`监听`DOM`，当数据改变的时候，`vm`会去自动更新视图。

VM中有DOM Listeners和Data Bindings两个工具，它们是实现双向绑定的关键。
从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^