一、业务场景：前两个文本框中输入值，最后一个文本框自动监听前面输入的值 方式一：使用事件绑定机制@keyup，在methods中写入监听方法 方法二：使用watch监听文本变化 使用watch属性 可以监视data中指定数据的变化 然后触发这个watch中对应的处理方法 ...

1.computed(计算属性) 　　根据一个现有数据去生成一个新数据，并且这两个数据会永久的建立关系，还会建立缓存，当无关数据改变的时候，不会重新计算而是直接使用缓存中的值 需要注意的是，就算在data中没有直接声明出要计算的变量，也可以直接在computed中写入 ...

的getter。 在你需要时，也可以提供一个setter 函数， 当手动修改计算属性的值就像修改一个普通数据 ...

自己的理解： computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理； computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化 ...

1、计算属性 介绍： 避免在模板中使用冗余代码处理data中的数据 当依赖的data对象中的属性值发生变化时，将会触发计算方法，在data对象中生成新的变量，并且会将新的变量缓存起来；（只要依赖的data对象属性值不发生改变，将不会触发计算方法；） 可以用计算属性实现的，也就 ...

目的：当数据变化时，为其中重要数据增加边框，实现闪烁以达到提醒目的。数据格式如下，只有在未处理火警/故障时增加闪烁边框。可以使用watch进行深度监听。数据格式已定，也非常明确要监听的数据是有两个。既然这样就没有必要进行深度监听。可以结合computed实现返回需要监听的数据，只进行普通监听即可 ...

一、 计算属性（computed） 1.计算属性是为了模板中的表达式简洁，易维护，符合用于简单运算的设计初衷。 　　例如： 　　运算过于复杂，冗长，且不好维护，因此我们对于复杂的运算应该 使用计算属性的方式去书写。 　　因此可改写为： 总结： 　　1.变量 ...

computed: 　　1. computed 具有缓存功能，可以监听对象某个具体属性。 　　2.变量不在 data中定义，而是定义在computed中。 　　3.根据一个现有数据去生成一个新数据，并且这两个数据会永久的建立关系，还会建立缓存，当无关数据改变的时候，不会重新计算而是直接使用 ...