Vue项目积累-----数据监听

Vue中最重要的几个核心之一就是数据的监听，借由实践之际就一起来盘盘Vue中的数据监听是怎么回事。Vue中数据监听有三种方式，一是keyup,一种是利用watch，一种是利用computed计算

---

keyup

keyup方法是从vue中的methods层面进行的。表示一个具体的操作，依赖于业务逻辑

---

watch

watch与methods方法平级。watch可以监听data中指定数据的变化，可以不用绑定事件，会自动触发处理程序，watch函数有两个变量，旧值和新值。watch还能监听路由的变化。watch是一个对象，键是需要观察的表达式，值是对应的回调函数，主要用来监听某些特定的数据变化，从而推动业务逻辑的进行，可以看做是两者的混合体。当在监听某一个对象的所有属性时，应使用deep参数

---

computed

---

computed和methods同级，computed是计算属性，其本质是一个方法，但不会像方法来调用，其调用方式就是普通的属性调用。当被监听的数据发生了变化时，就会立即重新计算这个属性的值。但是这个结果会被缓存，除非依赖的响应式属性变化时才会重新计算，实际中通常当作属性来使用

---

监听方法	监听性质	监听依赖
methods	方法	业务逻辑
watch	对象	数据--业务逻辑
computed	属性	数据