vue计算属性和事件监听

1、computed计算属性会根据其他属性的变化进行同步更新replace方法可以把输入的数字不显示出来，只显示其他类型。和计算属性实现同样的效果，2、属性监听watch熟悉，可以监听绑定的变量的值的变化，上述绑定了myVal的值，第一个参数是新值，第二个是旧值

chiuwingyan

7417人浏览 · 2017-08-25 23:04:15

chiuwingyan · 2017-08-25 23:04:15 发布

1、computed计算属性

计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。

replace方法

可以把输入的数字不显示出来，只显示其他类型。

和计算属性效果一样

2、属性监听

watch熟悉，可以监听绑定的变量的值的变化，上述绑定了myVal的值，第一个参数是新值，第二个是旧值

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}$/, //不连续的两位字母// /^